E-Commerce Project

---

About • Project steps • Technologies • How to download the project • License • Developer

---

🔖 About

Ecommerce Project is a product sales control system over the internet.

A fullstack project where backend was developed as Rest API with Node.JS / MongoDb and Frontend with ReactJS.

This project was done as a technical challenge to improve my skills as a Frontend Developer and learn to use Redux Saga.

The project can be accessed at the link: https://ecoshop-app.herokuapp.com/

---

💻 FrontEnd

---

📝 Project steps

• 💯 Build the webpage layout;
• 💯 Build the API Rest using Node.js and MongoDb as Database;
• 💯 Business rule implementation;
• 💯 Implementation of user system functionalities (purchase, checkout, order list, payment (Paypal);
• 💯 Implementation of administration system functionalities (order list, user list, product list/creation;
• 💯 Configuration of state management using Redux Thunks
• 💯 Migration of state manager framework from Redux Thunks to Redux Saga;
• 💯 Implement filter on home page;
• 💯 Improve page design;
• 💯 Implement the product evaluation functionality;
• 💯 Deploy on Heroku;

---

🛠 Technologies

The following technologies/tools were used:

• JavaScript;
• ECS6+;
• ReactJs;
• React Table;
• Material UI;
• CSS3;
• Styled-Components;
• HTML5;
• Node.js;
• Axios;
• Express;
• JWT;
• Paypal;
• MongoDB;
• Mongoose;
• Insomnia;
• Git;
• VSCode;

---

📎 How to download the project

👉 Tools needed:

• Editor:
• Vscode was used in this project;
• Node.Js - Installed on your machine;
• Git - Installed on your machine;

👉 Install dependencies:

#-> In the terminal:

# Clone repository:
$ git clone https://github.com/joaorpereira/ecommerce-reduxSaga.git

# Enter the desired directory:
-> $ cd client
-> $ cd server

# Install dependencies:
$ npm install  # In the root
$ npm install  # In the client

# Start the project
$ npm run dev  # In the root
$ npm start    # In the client
$ npm start    # In the server

# After loading the project it will automatically open a tab in the default browser.

---

📜 License

This project is under the MIT license. See the LICENSE file for more details.

---

👨‍💻 Developer

_{Joao Paulo 🚀}

Developed by Joao Paulo.