Teste técnico para vaga de Desenvolvedor Full Stack Jr na Shopper

Projeto ShopLife

A ShopLifer é uma aplicação fictícia que simula uma loja virtual, onde o usuário consegue adicionar produtos em seu carrinho, buscar produtos e ordená-los da forma que preferir. E o melhor de tudo, todos esses dados ficam salvos no banckend, possibilitando que o usuário tenha acesso ao seu carrinho em qualquer lugar e dispositivo.

Como acessar a aplicação

Front-End => https://shop-life-v2.surge.sh/
Figma => https://www.figma.com/file/JijKkrD1jtLCDXDvCOoXEk/Untitled?node-id=0%3A1

Back-End => https://api-shopper-v2.herokuapp.com/
Documentação => https://documenter.getpostman.com/view/19882336/2s847A1HZg

ACESSE A PASTA 📂FRONT OU 📂BACK PARA MAIS INFORMAÇÕES SOBRE CADA STACK

Diagrama

Tecnologias

Front
- React
- JavaScript
- Axios
- Query String
- React Paginate
- React Rainbow Components
- React Router Dom
- React Toastify
- Styled Components
Back
- Express
- Cors
- Dotenv
- Knex
- Mysql
- Uuid
- Jest - Para Realizar os testes

COMO RODAR O PROJETO EM SUA MAQUINA

COMEÇAMOS PELO BACK

COMANDOS:

git clone https://github.com/JonatasFelix/teste-shopper.git
cd teste-shopper
cd back
npm  i

.env.exemple
Procure o arquivo.env.exemple na pasta back
renomei para .env
logo em seguia adicione as informações do seu banco de dados

COMANDOS:
npm run migrations
npm run dev

PRONTO VOCÊ JÁ TEM O BACK RODANDO EM SUA MÁQUINA

VAMOS PARA O FRONT

AINDA COM O TERMINAL ABERTO
cd ..
cd front
npm i
npm run start

JonatasFelix / teste-shopper