React E-commerce App

🚀 An E-commerce App built with React! 🎉

This project integrates some powerful libraries and tools to create a seamless and efficient shopping experience.

Preview

Features

• React Router DOM for seamless routing
• Styled Components for sleek styling
• Axios for efficient data fetching
• Context API + useReducer for robust state management
  • ProductContext for product data
  • FilterContext for filtering & sorting
  • CartContext for cart management
• React Icons for a polished UI
• Auth0 for secure authentication 🔒
• .env for protecting sensitive data
• Formspree for handling forms effortlessly

Live Demo

Check out the live version of the app here: Live Demo 🌐

Installation

1. Clone the repo

   git clone https://github.com/MuhammadAmmarAtique/ReactEcom.git

2. Install NPM packages

   npm install

3. Create a .env file in the root directory and add your environment variables. (Auth0)
4. Run the app

   npm start

Usage

1. Navigate through different pages using React Router DOM.
2. Add products to your cart and manage them seamlessly.
3. Filter and sort products to find exactly what you're looking for.
4. Authenticate securely using Auth0.

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Contact

Muhammad Ammar Atique - LinkedIn - Twitter

Acknowledgments

• React Router DOM
• Styled Components
• Axios
• Auth0
• Formspree