Projeto final da Rocketseat (escola de programação), o Food Explorer é um site de um restaurante onde você pode pesquisar pratos e fazer pedidos como cliente. Como administrador, você tem funcionalidades para adicionar, editar e remover pratos pelo site.
- Pesquisar Pratos: Permite ao usuário pesquisar por pratos disponíveis no restaurante.
- Escolher Quantidade: Permite selecionar a quantidade de cada prato.
- Adicionar ao Carrinho: Adiciona os pratos selecionados ao carrinho de compras.
- Visualizar Carrinho de Compras: Exibe todos os itens que o usuário adicionou ao carrinho.
- Remover Itens do Carrinho: Permite ao usuário remover pratos do carrinho de compras.
- Adicionar aos Favoritos: Permite ao usuário marcar pratos como favoritos para acesso rápido.
- Adicionar Pratos: Possibilita a adição de novos pratos com descrição, imagem, tags e valor.
- Editar Pratos Existentes: Permite editar as informações dos pratos já cadastrados.
- Remover Pratos Existentes: Possibilita a remoção de pratos do sistema.
- Toggle de Dark e Light Mode: Permite alternar entre os modos claro e escuro, ajustando a interface para a preferência do usuário. O modo inicial é determinado automaticamente com base na preferência de tema do sistema operacional do usuário, garantindo uma experiência mais personalizada desde o primeiro acesso.
- ReactJS
- Axios:
^1.7.3 - Framer-motion:
^11.3.22 - Hamburger-react:
^2.5.1 - Lodash.debounce:
^4.0.8 - React:
^18.3.1 - React-confirm-alert:
^3.0.6 - React-currency-input-field:
^3.8.0 - React-dom:
^18.3.1 - React-icons:
^5.2.1 - React-lazy-load-image-component:
^1.6.2 - React-router-dom:
^6.26.0 - React-select:
^5.8.0 - React-spinners:
^0.14.1 - React-switch:
^7.0.0 - React-toastify:
^10.0.5 - React-toggle-dark-mode:
^1.1.1 - React-tooltip:
^5.28.0 - Styled-components:
^6.1.12 - Swiper:
^11.1.9
- Criar Conta: Na tela inicial, crie uma conta com nome, email e senha.
- Entrar: Faça login com seu email e senha.
- Explorar o App:
- Como usuário: Pesquise pratos, escolha quantidades e adicione ao carrinho.
- Como admin: Utilize o toggle disponível na interface para alternar entre os modos de usuário e administrador. Adicione, edite ou remova pratos conforme necessário.
- Utilize o Toggle de Dark e Light Mode para ajustar a interface ao seu gosto.
- Adicione pratos aos Favoritos e acesse-os facilmente na aba de favoritos.
- Acesse o Carrinho de Compras para revisar os itens adicionados e finalizar o pedido.
- Site no ar em Produção no Netlify: Link para o Frontend
- API em Produção no Render: Link para a API
- Backend: Repositório do Backend
- Cristian Valim - Desenvolvimento
- Rocketseat - Design
Este projeto é licenciado pela Rocketseat.
- Figma do Projeto: Food Explorer no Figma
