React Proyect Template

Description

Food market Web Application Project

Scope

This application aims at helping businesses offer food products and market-related news.

By visiting this website, the user will be able to:

• Search for items
• Filter items by using categories
• Add and delete items to a cart
• The purchase process will implement..
• In order to complete the purchase process, the user must be logged in. Otherwise, he or she will be redirected to the Sign-up and Sign-in section.

Authors

• Alexander Alvarez

Wireframes

• Home Page
• Categories
• Cart
• SignIn/SignUp
• Account

Mock Ups

• MockUps Adobe XD

Roles

• Alexander: MainPage - Header - Footer
• Felipe Chavez: SignIn/SignUp
• Juan Camilo: Cart
• Camilo Andres: Account
• Walter: Design / Error 404 - Success
• Alejandro: Backend (Node)

Installing

1. Download or clone the repository
2. install in your local machine

git clone https://github.com/MasterEatsPlatzi/Master-Eats.git

npm install

We highly recommend scanning the project for vulnerabilities and automatically install updates to vulnerable dependencies:

npm fix audit

Running

npm run start

Testing

npm test

Usage

Frontend

Please make sure to follow the instructions below:

• You will find the project components in ./src/components/Component.jsx
• Name componets as follows: inNameOfComponent.jsx
• Style for each component created in SASS has NameOfComponent.scss in ./src/assets/styles/Style.scss
• Test will be created has NameOfComponent.test.js in ./src/test/Test.test.js

Backend

You can find how use the API with this link: https://documenter.getpostman.com/view/11548428/T1LPBmPz?version=latest

Technologies

Frontend

• Webpack
• React
• Sass
• Redux
• React Router
• Prettier
• Eslint

Backend

• Express
• Passport
• MongoDB
• UUID
• Cloudinary

Demo

You can see the demo live here.

Preview

About

Platzi Master Group Project - Cohort 3 - Ana - JS Team

License

This project is released under the MIT License.