E-commerce

• en-US This was the site developed to complete the Gama Academy XP #47 fullstack course. The objective of the project is to create a complete e-commerce where the customer can register, browse the store, choose products, add products to their shopping cart, checkout, edit their own registration and view their purchase orders. In the admin panel or admin user can crud all available features.

• pt-BR Esse foi site desenvolvido para conclusão do curso fullstack Gama Academy XP #47. O objetivo do projeto é a criar um e-commerce completo onde o cliente pode se cadastrar, navegar pela loja, escolher produtos, adicionar produtos no seu carrinho de compras, fazer checkout, editar seu próprio cadastro e visuzalizar suas ordens de compra. No painel administrador o usuário admin pode realizar o crud de todas as funcionalidades disponíveis.

Authors

• @gleibercoelho
• @jvpaesm

tags

install

Install ecommerce com npm on main folder

  cd ecommerce
  npm install 
  

after that, go to server file and do the same thing

  cd server
  npm install 

Deploy

To deploy this project run in the main folder:

  npm run dev

now front end is running. Do the same steps on file server.

  npm run dev

the database set is available on server/server/src/infra/database/

after create db mysql you are ready to run the all functions available on project.

tip: create a admin user to acess all functions with insomnia.

Functionalities

• Athentication
• Admin panel
• Home page load products
• pagination products
• details product page
• cart page
• sucessfull checkout
• users orders
• profile page
• discount coupon
• Product Filter by Category

Feedback

If you have any feedback, please let us know via gleiberfelipe@hotmail.com

🚀 About Me

i'm a passionate fullstack dev Jr

Learnings

• en-US I was able to undestanhd how React Hook works. How create and improve React Redux. Consume state from React Redux Store. Add individual functionality to generic components. Item pagination. Consume data from APi via Axios. typescript and Interface.

• pt-BR Eu pude aprender melhor como funciona React Hook. Como criar e implementar React Redux. Consumir estados diretamente da Store do Redux. Acrescentar funcionalidades individuais para components genéricos. Paginação de itens. Consumir dados da api via Axios. Typescript.

Related

The backend of the project was developed by João Víctor Paes. To access its repository and better understand its development, visit:

BackEnd repository

Stacks

Front-end: React, Redux, Typescript, Styled Components, Axios.

Back-end: Node, Express

database: Mysql

Documentation API(Insomnia)

available at file: https://github.com/gleibercoelho/Gama-XP-47-final/blob/master/server/server/Insomnia_2023-04-20.har

Screenshots

Home

Showcase

Products details

filter

Cart

Admin Panel