https://github.com/tuyishimireeric/online-shopping

This project is based on an eCommerce website built with React and Redux. The user can check all the products in our and get more details on selected product.
https://github.com/tuyishimireeric/online-shopping

css3 jsx reactjs redux testing

Last synced: 6 days ago
JSON representation

This project is based on an eCommerce website built with React and Redux. The user can check all the products in our and get more details on selected product.

• Host: GitHub
• URL: https://github.com/tuyishimireeric/online-shopping
• Owner: TuyishimireEric
• License: mit
• Created: 2022-08-29T14:07:45.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-10T16:38:08.000Z (over 2 years ago)
• Last Synced: 2025-01-09T19:26:36.944Z (15 days ago)
• Topics: css3, jsx, reactjs, redux, testing
• Language: JavaScript
• Homepage: https://et-online-shopping.netlify.app/
• Size: 1.35 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        

![](https://img.shields.io/badge/Microverse-blueviolet)

# Online Shopping

This project is based on an eCommerce website built with React and Redux. The user can check all the products in our and get more details on selected product. The user can also search for a product in our store.

## Milestones

- [x] Milestone 1: **React app setup with redux using the duck pattern**

- [x] Milestone 2: **Set up the app navigation using react-router**

- [x] Milestone 3: **Create an API layer using the fakeStore API**

- [x] Milestone 4: **Create the Redux store including the action creators and the reducers**

- [x] Milestone 5: **Integrate the redux store into the app and display the data**

- [x] Milestone 6: **Implement Product searching and get details functionalities**

## Project picture

![image](https://user-images.githubusercontent.com/102757126/189471430-1299d4ba-e2a3-4916-9bb8-8da6d6c919ba.png)

![image](https://user-images.githubusercontent.com/102757126/189471446-b738c7be-0aa1-460e-ad71-52fbc995dcda.png)

## Live demo

[Project link](https://et-online-shopping.netlify.app/)

## Description video

[Loom Video Link](https://www.loom.com/share/748e8553fe244d0499c9942277fbab2d)

## Built With 

- HTML

- CSS

- JavaScript ES6

- React

- Redux

- Jest

## Getting Started

To get a local copy of this exercise, Please follow these simple example steps.

1. Clone this repository or download the Zip folder:

**``[email protected]:29td/online-shopping.git``**

2. Navigate to the location of the folder in your machine:

**``you@your-Pc-name:~$ cd ``**

3. Press Entqer to navigate to your local clone.

4. Open terminal and run this command npm install

5. after finishing step 5, run this command npm start to run the project

6. for testing components, you can run: npm run test.

Now you can go and play with it as you wish :smile:

## Authors

👤 **Eric TuyishimireEric**

- GitHub: [@TuyishimireEric](https://github.com/TuyishimireEric)

- LinkedIn: [@TuyishimireEric](https://www.linkedin.com/in/TuyishimireEric/)

- E-mail: [email protected]

## Show your support

Give a ⭐️ if you like this project!

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/29td/online-shopping/issues).

## Acknowledgments

- Hat tip to anyone whose code was used

- Big thanks to the [Microverse](https://bit.ly/MicroverseTN) community with a special mention of my coding partners, morning session teams, standup teams and reviewers.

- Nelson Sakwa (For the App design)

## 📝 License

This project is [MIT](./LICENSE.txt) licensed.