MERN Stack Developer Assignment
Title: E-Commerce Website Development
Objective
2
To assess your skills in MERN (MongoDB, Express, React, Node.js) stack
development by building a functional e-commerce website with a well-
1
structured front end, back end, database integration, and deployment on
Vercel.
Requirements
Front-End Development
Technologies: ReactJS, TailwindCSS (Or any other framework)
4
Features to Implement:
. Shop Page: A page displaying all the products in a grid or list format.
. Filter Options: Enable users to filter products by:
○ Category
3
○ Color
○ Size
. Product Search: A search bar to search for products based on
keywords.
2
Back-End Development
1
Technologies: Node.js, Express.js
Database: MongoDB
. Backend Setup:
○ Create a Node.js application using Express.js.
○ Connect it to a MongoDB database using Mongoose.
. Database Setup:
○ Use MongoDB to store product details such as name, category,
3
color, size, and other relevant fields.
. API Development:
○ Create APIs for CRUD operations (Create, Read, Update, Delete)
on products.
2
○ Include a Search Product API to enable keyword-based searching.
1
. Additional API:
○ Create an API to fetch filter options dynamically (categories,
colors, sizes, etc.).
Deployment
. Deploy the completed web app on Vercel (or Netlify for the front end
and Render/Heroku for the back end if needed).
. Share the live URL for testing and review.
2
Deliverables
1
. GitHub Repository:
○ Share the GitHub repo link containing your code. Ensure the repo
includes clear instructions on how to run the application locally.
. Live URL:
○ Provide the live URL for the deployed app on Vercel (or other
services as mentioned above).
