Markets Center - Client

About

This project consists of the development of a S.P.A (Single Page Application). It is part of the Bootcamp Henry group project, in which a group of 7 developers participated. On this page, you can access as a seller and thus create, edit and delete products that are for sale and view your sales history. As a buyer you have access to a favorites section, shopping cart, profile with your data and purchase history, you can also make purchases using the Stripe payment gateway. Finally, the admin actor will be able to keep track of the categories, the purchases made and the users.

Objectives

• Create a profile with your data.
• Create, edit, delete and search products.
• Filter by categories and sellers.
• Sort alphabetically and by price.
• Add products to the shopping cart and buy them.
• Add products to the favorite list.
• Add comments and rating to a bought product.
• Manage users, categories, orders and see statistics graphic of seller orders in admin profile.

Stack of Technologies

Javascript, React, Redux, Material UI, FireBase, Stripe

Deploy
Review in Youtube

BoilerPlate

You must create an account in firebase and create a file called: .env that has the following form:

REACT_APP_API=localhost
REACT_APP_FIREBASE_API_KEY=firebase_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=firebase_auth_domain
REACT_APP_FIREBASE_STORAGE_BUCKET=firebase_storage_bucket
REACT_APP_FIREBASE_PROJECT_ID=firebase_project_id
REACT_APP_FIREBASE_MESSAGING_ID=firebase_messaging_id
REACT_APP_FIREBASE_APP_ID=firebase_app_id
STRIPE_API_KEY=stripe_api_key

REACT_APP_API port must be the same as api.

Next

Connect the data base

• Go to api of Markets Center and run it. Replace all .env information with database information

Install the necesary package to run it

• Open the project console
  • Inside client folder, run the command line, npm install.

Run the project

• Open the project console
  • Inside client folder, run the command line, npm start and go to http://localhost:3000/.

Project Screens

Home

Detail

Searched products

Shopping cart

Buyer profile

Favorite list