AdvancedFull Stack15-20 hours+1000 XPMentor reviewed

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.

fullstack
ecommerce
cart
checkout
products
intermediate

This challenge doesn't include downloadable assets

Recreate the design from the Figma file using your own images, icons and resources where needed. You are not required to use the exact same images, copy or placeholder data.

You are expected to

Use your own images, icons and resources when needed
Recreate the design based on the provided Figma file
Respect the brand identity, colours, logo and key visuals
Keep the UI structure, layout flow and key sections consistent

Reviewers focus on

0

Completed

—

Average AI review

New here? Read the Tahaddiyat guide to learn the expected structure and submission flow.

Brand colours

Logo usage

Layout structure

Spacing & alignment

UI architecture

Required functionality

Minor differences in content, images or data are fine, but the overall visual identity and design direction should stay clearly consistent with the challenge.

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

Submission

Submit your solution

Share your work for mentor review and showcase your structure, polish and implementation quality.

1 joined

Log in to submit

You need an account to submit your solution and receive mentor feedback.

Log in to submit

Community Discussions

Questions & Answers

Be the first to ask a question about this challenge.

Loading discussions...