Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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 7 hours 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
- Host: GitHub
- URL: https://github.com/khushi2706/e-commerce-website-using-react-redux
- Owner: khushi2706
- Created: 2023-07-28T18:05:50.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-04-02T16:41:20.000Z (8 months ago)
- Last Synced: 2024-04-16T09:05:39.328Z (7 months ago)
- Topics: 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
- Language: JavaScript
- Homepage:
- Size: 846 KB
- Stars: 22
- Watchers: 1
- Forks: 13
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
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
## 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!