Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

🛍️ E-Commerce Website with ReactJS, Redux, and API Integration Built an e-commerce website using ReactJS and Redux. Fetches products dynamically from an API and manages the shopping cart. Demonstrates modern front-end practices for a seamless user experience. Tech: ReactJS, Redux, API Integration
https://github.com/khushi2706/e-commerce-website-using-react-redux

api app e-commerce e-commerce-website frontend good-first-issue hacktoberfest hacktoberfest-accepted hacktomberfest2023 hactoberfest2022 react react-class-components react-ecommerce react-example react-redux reactjs reactjs-components redux redux-thunk redux-toolkit

Last synced: about 1 month ago
JSON representation

🛍️ E-Commerce Website with ReactJS, Redux, and API Integration Built an e-commerce website using ReactJS and Redux. Fetches products dynamically from an API and manages the shopping cart. Demonstrates modern front-end practices for a seamless user experience. Tech: ReactJS, Redux, API Integration

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!