E-commerce Website
Build a full stack e-commerce website where users can browse products, view product details, add items to a cart, and complete a simple checkout flow. The application should feel like a real online store, with a polished storefront, organized product sections, and a user-friendly shopping experience. This challenge focuses on product data management, shopping cart logic, checkout flow, and building a structured full stack application.
Attention
This challenge does NOT include downloadable assets.
You are expected to:
- Use your own images, icons, and resources when needed
- Recreate the design based on the provided Figma file
- Respect the main brand identity, colors, logo, and key visual elements
- Keep the overall UI structure, layout flow, and important sections consistent with the design
You are NOT required to use the exact same images, text content, or placeholder data from the original design.
Your focus should be on:
- Brand colors
- Logo usage
- Layout structure
- Spacing and alignment
- UI architecture
- Required functionality
Minor differences in content, images, or displayed data are acceptable, but the overall visual identity and core design direction should remain clearly consistent with the challenge.
Project Requirements
- Users must be able to view products on the home page
- Each product must display image, title, and price
- Users must be able to open a product details page
- Users must be able to add products to the cart
- Users must be able to remove products from the cart
- Users must be able to update item quantity in the cart
- Cart data must persist during the session
- Users must be able to proceed to checkout
- Checkout form must collect customer information
- An order must be created after successful checkout
- A confirmation message or confirmation page must be shown
- Products and orders must be managed through a backend and database
- Basic validation must be implemented
- The UI must be clean and organized
Ready to submit your solution?
Upload your project for mentor review and showcase your structure, polish, and implementation quality.
Login Required
You need to be logged in to submit your solution for this challenge.