warlike-current-5989

Table of Content

• Contributors
• About the project
• Folder Structure
• User features
• Admin features
• Screenshots
• Demo
• Tech-stack
• Status

Contributors

• Biswajit Roy -- https://github.com/Biswajit2595
• Manikant Kumar -- https://github.com/Manikantkr-1004
• Rohit Nayal -- https://github.com/rohitnayal12

About the project

This project is a full stack application which focuses on e-commerce for men and women products. You can buy different products as per your body needs by exploring our website! You can also edit,update and add new users or products as admin(verified) on admin dashboard. So, login now and start to shop.

Folder Structure

--UPSTYLE--

• Components--
  • All Components Here--
• Pages--
  • All Pages Here
• Redux--
  • All Redux Files Here--
• Routes--
  • All Routes Here--
• api.Ts--
• Constants.Ts--
• index.Ts--

User features

• Login and signup
• Search, sort and filter products
• Add to cart
• Checkout

Admin features

• Add new users or products
• Update user or products
• Delete user or products

Screenshots

Home-Page

• This page has a nav bar with has, reference links for further pages including, the product page, sign-up, sign-in.

Sign-up-Page--

• This page has a nav bar with has, reference links for further pages including, the product page. This page has a form to collect user details to register. If user has already an account he/she can go to log in page by clicking "click in to login".

Log-in-Page--

• This page also has a nav bar with has, reference links for further pages . This page has a form to collect user details to login. By providing correct email and password ,user can login and after login he will be redirected to home page.

Men-Product-Page--

• This page has all the men products and all the functionality including sorting and filtering. Here each product has an add-to-cart button by which we can add the product to the cart. With the help of the cart button, we can go to the cart page.

Women-Product-Page--

• This page has all the women products and all the functionality including sorting and filtering. Here also each product has an add-to-cart button by which we can add the product to the cart. With the help of the cart button, we can go to the cart page.

Admin-AddProduct-Page--

• In Admin side admin can do all the crud operations on any product.

To be updated

Demo

deployed link for demo:-

-- upstylenew.netlify.app/

Tech-stack

• Type Script
• HTML
• CSS
• Redux
• Redux-persist

CSS libraries

• Chakra Ui

Installation

1. Clone the repository:

   https://github.com/Biswajit2595/warlike-current-5989
   

Project Setup

1. Open a new terminal and navigate back to the project root (warlike-current-5989).

2. Navigate to the upstyle directory:

   cd upstyle
   npm install
   npm start
   

Final Words

Thank you for staying with me up to this point. Suggestions and feedbacks are always welcomed.😃