Rouge

Rouge copied to clipboard

Rouge | Online Shopping for Women, Men Fashion & Lifestyle

Rouge is an online shopping website built with ReactJS and NextJS. It uses the Shadcn UI Library and Tailwind CSS for styling, while Stripe handles payment functions. Prisma ORM is employed to interact with the MongoDB Atlas database. NextAuth manages user authentication, allowing users to log in, register, and reset passwords. The system also sends confirmation emails to users.

After signing in, users have the ability to create wishlists and add products to them. Additionally, they can easily transfer items from the wishlist directly to the shopping cart. Users also have the option to update the quantity of products in their cart on the dedicated cart page.

Database Schema

Web Preview

API Reference

Get all categories

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/categories

Get category

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/categories/${categoryId}

Get all products

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/products

Get product

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/products/${productId}

Get all sizes

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/sizes

Get size

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/sizes/${sizeId}

Get all colors

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/colors

Get color

  GET https://ecommerce-admin-nu.vercel.app/api/${storeId}/colors/${colorId}