/Ecom-App

This is an e-commerce website that sells fashion, accessories, electronics and other products. It is an individual project, completed in 5 days. This is a full stack web application built on MERN Stack by using React, MongoDB, ExpressJS, NodeJs, ChakraUi.

Primary LanguageJavaScript

Ecom-App

Full-Stack-Ecommerce

This is an e-commerce website that sells fashion, accessories, electronics and other products. It is an individual project, completed in 5 days. This is a full stack web application built on MERN Stack by using React, MongoDB, ExpressJS, NodeJs, ChakraUi.

Tech Stacks used

Tech Stack:

react mongo nodejs css chakraui git

Feaures:

Landing Page:

Home Page consists of basic navigation menu, search bar to search for products and link to sign up/login pages. Main page consists of many carousels that lead to different sections of app. We also have a footer. This app is fully responsive. It is compatible with different device sizes.

e1

Search functionality:

We can search for a particular product with search bar. We will get all products related to our search.

e2

Signup/Signin Pages:

This is the signup page, which the user will get if he clicks on the continue button on the account page and new users can create an account here. This is a multi-user application. We can signup or login using our credentials. We used jwt for authentication. There is also signup with google functionality. We used OAuth to implement this.

e3



This is the login page by clicking on the account option on the landing page users will be redirected to the login page if the users are existing customers they can login by the same email and password or by Facebook account or google account. If users are new customers then by clicking on continue they will be redirected to the signup page.

e4

Product Page:

We have Products page, where we have all products of different categories. We can also filter products based on category, brand and department. We also have different sorting options.



e5


</e6 br>

Cart Page:

We can add products to cart. We can also apply coupon discounts. We can increase and decrease the quantity of products and also remove products from cart. On clicking checkout, user will be redirected to payments page. e7



Checkout Page:

User can enter payment details in payment page. On clicking pay now, they will be redirected to Home Page. User's cart will be empty. User can also logout of their account.

210942651-d3c0d671-38f3-477b-b59d-bd5c1fd7d53c