himanshu1221/redux-toolkit-practice

This is an E-Commerce website built using modern web development tools and technologies, including PNPM, Vite, and JavaScript. The website makes use of the Fake Store API as a data source for product information and is primarily designed to practice Redux Toolkit for state management.

E-Commerce Website

This is an E-Commerce website built using modern web development tools and technologies, including PNPM, Vite, and JavaScript. The website makes use of the Fake Store API as a data source for product information and is primarily designed to practice Redux Toolkit for state management.

Features

• Product Listing: Displaying a list of products with their images, names, prices, and other details retrieved from the Fake Store API.
• Product Details: Displaying detailed information about a selected product, including its description, images, and price.
• Cart Functionality: Allowing users to add products to their cart, view the contents of their cart, update the quantity of products in their cart, and remove products from their cart.
• Redux Toolkit: Utilizing Redux Toolkit, a powerful and opinionated Redux library, to manage the application state in an efficient and scalable way.
• Responsive Design: Ensuring that the website is responsive and can be accessed and used seamlessly across various devices, including desktops, tablets, and mobile devices.

Technologies Used

• PNPM: A fast and disk space-efficient package manager for JavaScript projects.
• Vite: A build tool and development server that provides fast, efficient, and reliable development experience for modern web projects.
• JavaScript: A popular programming language for building web applications.
• Redux Toolkit: A comprehensive Redux library that provides a set of conventions and utilities for efficient Redux development, including simplified state management, immutable updates, and integrated error handling.
• Fake Store API: A free, public API that provides fake product data for building E-Commerce applications.

Installation

1. Clone the repository to your local machine.

`git clone https://github.com/your-username/Redux-Toolkit-Practice.git`

2. Install the dependencies using PNPM.

pnpm install

3. Start the development server.

pnpm dev

5. Open your web browser and access the website at http://localhost:5173.

Contributing

Contributions to this project are welcome! If you'd like to contribute, please follow the contribution guidelines.

License

This project is open source and available under the MIT License.

Acknowledgements

Special thanks to the authors and maintainers of PNPM, Vite, Redux Toolkit, and the Fake Store API & coder's gyan for providing the tools and resources that made this project possible.

redux-toolkit-practice's Issues

[BUG] Responsiveness

1. Fix the responsiveness of the website

[BUG] Removing one cart item removes all items of same type

Removing one cart item removes all items of same type

Screencast.from.25-04-23.06.13.38.AM.IST.webm