E-commerce

Completely responsive E-commerce web page. build with React/Redux and MaterialUI-styled-components. This allows the user to navigate through different categories of items, filter them by category and add them to the shopping cart. Users can manage their current bag on the shopping cart containing a list of items where each one can be deleted. In the shopping cart, the user can delete or finish buying.

Everyone is welcome to contribute to the project. Once you have a significant contribution, you can add it to your portfolio and show to recruiters your experience.

Built With

• React js

• Redux

• Material UI/MUI

• Jest

• React Testing library

• GitHub CI workflows

  • Automated deployment
  • Automated testing
  • Automated linters

• Platzi Fake store API

• Mobile first design

• Responsive web design

App screenshot

Live Demo

Live Demo Link

Usage

Be sure to have Node.js installed before proceeding.

# Clone the repo
git clone https://github.com/wandergithub/e-commerce.git
# Change directory
cd e-commerce
# Install dependencies
npm install
# Start local server
npm start

Author 👤

 

 

 

🛠️ Future features

• I'm planning to create a Rails API.
  • So we can allow the users manage their selling accounts.
  • Then users can publish their items.
  • When users complete a buy with a shopping cart, the app put the shopper in contact with all the sellers with an automated whatsapp message.
  • Now people can sell and buy real items.
  • We could add an option to restrict interactions of users by the same contry so deals can be made easily

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

To contribute to this project

1. Go to issues page.
2. Choose your issue(You can assign yourself), ask questions or suggest improvements.
3. Go to Kanban Board and update your issue status.
4. Fork the repo, make your changes, and ask for a PR.

You are welcome to collaborate on this projects too

1. Budget App

2. Traveler's Hub

3. Recipe App

Show your support

Give a ⭐️ if you like this project!

Things I would do different

• I would have a better structure for components and pages. Instead of all components and all styles, I see convenience on having each component with resources per folder.

Project demostrates CRUD with instant feedback on each operation. The consumption of an API and use of REDUX store. Including basic react libraries usage and navigation.

Next step would be to get the UI styles to industry level.

📝 License

This project is MIT licensed.