An open API service indexing awesome lists of open source software.

https://github.com/german-zarate/e-commerce-website-using-react-redux

This application is designed to showcase various features of React and Redux for building a modern and responsive e-commerce platform.
https://github.com/german-zarate/e-commerce-website-using-react-redux

api-rest component e-commerce hooks react redux state

Last synced: 2 months ago
JSON representation

This application is designed to showcase various features of React and Redux for building a modern and responsive e-commerce platform.

Awesome Lists containing this project

README

          

# E-commerce Website using React and Redux

Welcome to the E-commerce Website project! This application is designed to showcase various features of React and Redux for building a modern and responsive e-commerce platform.

## Project Features

- **Fetch Products Using API:** The app fetches product data from an external API, providing a wide range of products for users to explore.

- **Redux for State Management:** Utilizes Redux for efficient state management, ensuring a consistent and scalable data flow within the application.

- **Add and Remove Functionality in Cart:** Users can easily add products to their shopping cart and remove them, providing a seamless shopping experience.

- **React Class-Based Components:** The project uses class-based components in React, showcasing different component lifecycles and state management techniques.

## Getting Started

To get started with this project, follow these steps:

1. Fork and clone this repository to your local machine:

```bash
git clone https://github.com/your-username/E-commerce-website-using-React-Redux.git
```
2. Install the required dependencies:

```bash
cd E-commerce-website-using-React-Redux
npm install
```
3. Start the development server:
```bash
npm start
```

4. Open [http://localhost:3000](http://localhost:3000) to view it in your browser. The page reloads when you make changes.

You may also see any lint errors in the console.

## Scripts

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

## Snapshot

Screenshot 2023-08-13 at 11 05 22 PM
Screenshot 2023-08-13 at 11 05 49 PM

## Contributing

We welcome contributions from the community.

------------------------------------------------------------------------

Feel free to explore the codebase, test the application, and contribute to its development. If you have any questions or need assistance, please don't hesitate to reach out.

Happy coding!