abdelrhmanamin / vegan-market

E-commerce project for selling vegan healthy products. Built with RoR, React, and Redux.

🥬 Vegan Market 🥕

An E-commerce website where you can buy healthy vegan food

Note: Some features are still on progress, this project is still a beta version 🙂

• I used Ruby on Rails as the backend to build the database and to create a REST API along with implementing other features.
• I used ReactJS to fetch and render the data.
• I used React-Redux as a state management tool.
• I used React-Router to create single page application and smooth navigation.
• I used GSAP to create animation.

Built with

• Ruby on Rails
• REST API
• Heroku
• Netlify
• React
• GSAP
• React-Router
• React-Redux
• Thunk

Video walkthrough

LIVE DEMO

http://abdoamin.me/Vegan-Market/

Setup

1- Clone the repository

    git clone https://github.com/AbdelrhmanAmin/E-commerce-React.git

2- Open the folder.

    cd E-commerce-React

3- install the app

    npm install

4- Run the app

    npm start

Author

😎 Abdo Amin

• GitHub: @Abdelrhman-Amin
• LinkedIn: @Abdo Amin

Show your support

Give a ⭐️ if you like this project!

vegan-market's Issues

User profile

• Change the user profile dashboard on the left to be more verbose.
• Make the dashboard height extend with the length of the page.

Text overflow

Make the text more responsive on Market component.

reload issue

React & Redux don't load the data on reload, fix this.

PATCH data

Fetch the data from the server and make the changes (e.g add to cart, remove...etc) on the Redux level, and when the app is about to unmount send a request to the server to patch the changes.