O objetivo principal do desafio é desenvolver uma loja virtual. O tema escolhido pelo grupo foi ecommerce de board games (jogos de tabuleiro).
O nome escolhido para a loja foi Gama.Zone. Foi usado em inspiração a Gama Academy, mas não só isso, um outro motivo é a força e propagação dos raios gama, assim queremos mostrar o nosso produto para nossos clientes.
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 Gama.Zone
usuario: timbernerslee
senha: Gama1234
email: brendaneich
senha: Gama1234
Ou faça seu cadastro de cliente: Fazer cadastro
Usamos o Bitrix24 para gerenciar o projeto e utilizando o Kanban para divisão e controle do andamento das tarefas.
Usamos o Whimsical para desenvolver o UX do projeto.
Usamos o Figma para realizar a base das interfaces do projeto.
npm install
-
Renomei arquivo na raiz do projeto com nome
.env.exemple
para.env
. -
No lugar de
http://www.url.com.br/api
coloque a URL da API local (não esquecer de colocar/api
), se quiser testar localmente. Ou a url de produçãohttps://grupo04-xp49-production.up.railway.app/api
.
npm start
- React com TypeScript
- react-router-dom
- react-redux
- axios
- react-bootstrap
- react-bootstrap-icons
- react-helmet-async
- react-lazy-load-image-component
- react-toastify
- CSS
- Flexbox
- CSS grid layout
- Media queries
- styled-components
- Sass