/Full-Stack-Ecommerce

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

Primary LanguageJavaScript

Full-Stack-Ecommerce

TataCliq is an e-commerce website that sells fashion, accessories, electronics, home and other products. It is a collaborative project of 5 members, completed in 5 days. This is a full stack web application built on MERN Stack. by using React, Redux, 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.

210934637-682d628e-9b98-445d-a72f-c6bb671be32b

Search functionality:

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

210935965-1946b65b-f766-43b4-82f8-df54f5d98043

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 and passportjs to implement this

hhhh



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.

hhhh

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.



210936712-8377cd43-26fe-42e6-aaac-ab6029ba777e

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.

210942237-424c160a-5f29-48c1-a999-9a577ba6bd3a

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