O objetivo principal do desafio é desenvolver uma loja virtual. O tema escolhido pelo grupo foi ecommerce de óculos. O nome escolhido para a loja foi Good Eyewear. O site possui funcionalidades de listar produtos, listar produtos por categoria, adicionar e remover itens do carrinho, realizar pedido, fazer login, realizar cadastro de usuário, além das funcionalidades das áreas restritas, como o Painel do Cliente (listar pedidos e editar cadastro) e o Painel do Administrador (gerenciar produtos, categorias, usuários e pedidos).
Usamos a Vercel para hospedar a aplicação.
->Acessar site Good EyeWear - api para testes <- Versão da branch main, utilizando a Api desenvolvida pelo Front-End para testar as funcionalidades propostas (Repositório no GitHub e URL Railway).
email: manuela@gama.com
senha: Gama@1234
email: pedro@gama.com
senha: Gama@1234
Ou faça seu cadastro de cliente: Fazer cadastro
->Acessar site Good EyeWear - api do grupo <- Versão da branch migrar-api-back, utilizando a Api desenvolvida pelos integrantes do Back-End do grupo (Repositório no GitHub e URL Railway).
Usamos o notion para gerenciar o projeto, centralizando todas as informações necessárias e utilizando o Kanban para divisão e controle do andamento das tarefas.
Usamos o Figma para realizar um esboço das interfaces do projeto. Utilizamos como base o wireframe disponibilizado pela Gama.
Para escolher a paleta de cores do projeto, utilizamos o Color Hunt.
-> Acessar a paleta de cores do projeto
- Renomeie o arquivo na raiz do projeto
.env.examplepara.env; - Preenchas as informações do arquivo
.envcom a URL desejada; - No terminal, use o comando abaixo para instalar as dependências:
npm install
- No terminal, use o comando abaixo para iniciar o projeto:
npm start
- React
- react-router-dom
- react-redux
- axios
- link
- nuka-carousel
- react-hot-toast
- react-password-checklist
- react-modal
- HTML
- CSS
- Flex-box
- Media queries
- module.css
- TypeScript