https://github.com/rahul02m/react-e-commerce

Clothex E-commerce website using react.js
https://github.com/rahul02m/react-e-commerce

front-end-development html-css-javascript json react-router-dom reactjs-project

Last synced: about 1 month ago
JSON representation

Clothex E-commerce website using react.js

• Host: GitHub
• URL: https://github.com/rahul02m/react-e-commerce
• Owner: Rahul02M
• Created: 2024-04-03T11:39:02.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-04-11T12:50:40.000Z (10 months ago)
• Last Synced: 2024-11-11T08:49:39.345Z (3 months ago)
• Topics: front-end-development, html-css-javascript, json, react-router-dom, reactjs-project
• Language: JavaScript
• Homepage: https://euphonious-sunflower-75dc35.netlify.app/
• Size: 7.62 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# CLOTHEX E-Commerce Website  Using React.js

This e-commerce website, built using React.js, serves as a good frontend project. It is designed to showcase  various features, including product listings, shopping carts, and login pages.🛒🌟

 ## Table of Contents

 1. [ CLOTHEX E-Commerce Website](#Clothex_E-Commerce)

 2. [Features](#features)

 3. [Learning from the Project](#Learning_from_the_Project)

 4. [Screenshots](#Screenshots)

 5. [Contributing](#contributing)

 6. [Acknowledgements](#acknowledgements)

## Features

- **Navbar**: Create a navigation bar for easy access to the cart.

- **Product Cards**: Display product information (image, title, description, price).

- **Increment and Decrement Functions**: Implement buttons to adjust item quantities.

- **Update Functions**: Update the cart based on user actions.

- **Cart Management**: Users can add products to their cart and remove them as needed.

- **Calculation**: Calculate the total bill.

- **Remove Item**: Allow users to remove items from the cart.

- **Profile Page**: Users have their own profile page where they can view their orders and order history.

- Modern CSS, including flexbox and CSS Grid for layout.

- Multipage Ecommerce Website Project with Signin & Singup page.

- Use common components and layout patterns for professional 🌐website design and development.

- Build amazing👍 professional and responsive websites.

## Learning from the Project

- In this construct week project, we have used the import-export functionality to export and import the navbar and footer section, it gave the learning to reuse the same code on different pages without complication.

## Screenshots

  ![ss](https://github.com/Rahul02M/react-E-commerce/assets/133855195/ea13eb47-b86c-40ed-b766-ee0e49354a5c)    ![ss2](https://github.com/Rahul02M/react-E-commerce/assets/133855195/fccd5356-e108-44ea-9c9f-bc2605956221)

   ![ss3](https://github.com/Rahul02M/react-E-commerce/assets/133855195/598c3077-f912-4ab1-8ab3-c6d00238fa75)

   

   ![ss4](https://github.com/Rahul02M/react-E-commerce/assets/133855195/c05ed99f-1c3a-4ff9-94a2-2c406c0fe1a3)   

   

 ## Contributing

Contributions are welcome! If you have any suggestions or improvements, feel free to open an issue or submit a pull request.

## Acknowledgements

- This project was built with the help of various open-source libraries and resources.

- Special thanks to the contributors who helped make this project possible.