E-Commerce

This project is based on the study of React, so it may contain some errors. Will be a pleasure receive your code review, suggestions and/or tips. 🙌

This project use some patterns like BEM, ITCSS, Semantic Commit Messages and Git flow.

If you want a live version click here. But if you want to run the application in your pc, follow the Installation and Start Application section.

Installation

This project was bootstrapped with React Create App

1 - Clone the project and install the dependencies:

$ git clone https://github.com/Eduk29/ecommerce.git
$ cd ecommerce
$ npm install

2 - Keep hacking! 🤘

Start Application

If you want to run the application in your pc, follow these instructions.

1 - You need to start the JSON server to get access to a fake API. Open the terminal in project root directory and run the following instruction:

json-server --watch db.json --port 3001

This command terminal must be open during application execution.

2 - After the start the JSON server, you need to start the application. So, open another command terminal in the project root directory and run the following instruction:

npm start

3 - Open http://localhost:3000 to view it in the browser.

Folder structure

.
├── public/
├── src/
|   ├── App/
|   ├── assets/
|   ├── components/
|   |   └── Badge/
|   |   └── Button/
|   |   └── CustomersInformation/
|   |   └── FilterPanel/
|   |   └── InputSelect/
|   |   └── InputText/
|   |   └── Navbar/
|   |   └── ProductCard/
|   |   └── Table/
|   ├── containers/
|   |   └── ItemList/
|   |   └── OrderCart/
|   |   └── OrderCheckout/
|   ├── pages/
|   |   └── Cart/
|   |   └── Checkout/
|   |   └── Home/
|   ├── services/
|   |   └── Brands/
|   |   └── Categories/
|   |   └── config/
|   |   └── Products/
|   ├── store/
|   |   └── actions/
|   |   └── reducers/
|   |   └── states/
|   |   └── types/
|   ├── style/
|   |   └── components/
|   |   └── containers/
|   |   └── pages/
|   |   └── settings/
|   |   └── tools/
├── .editorconfig
├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── .prettierrc
├── db.json
├── package-lock.json
├── package.json
├── README.md
└── yarn-lock

Dependecies

• ES Lint
• Font Awesome
• Husky
• Json Server
• Node Sass
• Prettier
• React
• Redux

Deploy Plataform and CI

• Netlify

Developer 💻

José Eduardo Trindade E Marques
edu.temarques@gmail.com