Scribd
Upload
2 views

Assignment 1

The document outlines an assignment to create a prototype website for selling smart yoga products using Next.js, focusing on core features like a homepage, product listings, a blog section, and an admin panel. It specifies the technology stack, including server-side rendering and database options, and emphasizes clean code and documentation for submission. The deadline for the project is November 17, and it aims to showcase the developer's skills in building a full-stack application.

Uploaded by

sdharshini162
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Assignment 1

The document outlines an assignment to create a prototype website for selling smart yoga products using Next.js, focusing on core features like a homepage, product listings, a blog section, and an admin panel. It specifies the technology stack, including server-side rendering and database options, and emphasizes clean code and documentation for submission. The deadline for the project is November 17, and it aims to showcase the developer's skills in building a full-stack application.

Uploaded by

sdharshini162
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

POC Assignment

Objective:
Create a prototype website for selling smart yoga products using Next.js. This task is designed to
showcase your coding skills, creativity, and ability to solve problems effectively while working
with modern web technologies.

Requirements

Core Features to Implement:

1. Homepage:
o Design an attractive homepage with an overview of the smart yoga products,
highlighting their benefits and including a clear call to action (e.g., "Shop Now").
2. Product Page with Listings:
o Develop a product listing page displaying multiple smart yoga products, including
images, descriptions, and prices.
o Each product should link to a dedicated product detail page where users can view
more information and add items to a cart.
3. Basic Blog Section:
o Include a simple blog section where users can read articles on yoga and wellness,
displayed as a list of articles with previews.
4. Social Media Integration:
o Embed an Instagram feed or display recent social media posts related to the smart
yoga brand.
5. Admin Panel (Minimal Functionality):
o Create a basic admin page where admins can:
§ Add, edit, and delete products (name, description, price, and image).
§ Write and publish blog articles.
§ Update social media links.

Optional Challenge:

6. Analytics Overview (Optional)


o Implement a simple analytics page where admins can view basic stats (e.g.,
number of products, total blog articles, etc.).

Technology Stack

• Frontend and Backend: Use Next.js to leverage server-side rendering, API routes, and
built-in routing.
• Database: Use any database (MongoDB, PostgreSQL, or MySQL) to store product
information, blog posts, and user data.
• Hosting: Host the completed website on Vercel or any other suitable hosting platform.

Key Areas to Focus On:

• Server-Side Rendering (SSR): Use SSR for the product and blog pages to enhance
performance and SEO.
• API Routes: Set up API routes in Next.js to handle data requests for products and blog
posts.
• Dynamic Routing: Use dynamic routing for individual product pages and blog articles
for scalability.

Submission Guidelines

• Source Code:
o Submit the source code with clear setup instructions. Aim for clean, readable code
that follows best practices.
• Documentation:
o Provide a brief overview of your approach to building the site, the technologies
and Next.js features you utilized, any challenges faced, and how you overcame
them.
o Explain any unique or creative choices you made and your reasoning.
• Hosting Link:
o Include a live link to your hosted project on Vercel or your chosen platform.

Deadline:
Please submit your assignment by November 17.

This assignment offers you the opportunity to demonstrate your skills in building a full-stack
application with Next.js, managing data interactions, and creating a user-friendly experience for
both customers and admins. We’re excited to see your creativity and technical skills in action!

You might also like