It is a Full Stack responsive e-commerce application built with Next.js and MongoDB. Checkout the live website at:- link
- HTML
- CSS
- TypeScript
- React
- Next.js
- Node.js
- MongoDB
This is the main landing page of our website. Here clicking on any option of the Navbar will redirect the user to the respective Product Page. If you haven't signed up yet an account circle will show up. Clicking on that it will redirect you to the sign up page. If you are already signed in a cart button will show up where you can see all of your cart items.
When you click on Men or Women the Products of that Gender will showup. You can also filter the Products by their Brand or Catagory or Price.
Clicked on any Product You will be redirected on a new Page.
After clicking on any Product this Page opens up. Here you can have a detailed view of the Product. This is also the only page from where you can add Products to the cart.
Here all the products added to the cart will be shown.
This whole Project is Build using Typescript. So that makes the Project a bit more challenging. Also Building everything from scratch with out any help of any css frame work or Component Library made this a bit more difficult.
- Through out this Project My Problem Solving skills Improved a Lot.
- Making Projects with Next.js apis and Mongoose was a bit challenging.
- My Code writting style improved a Lot.