Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/israelkilday/food-express
Food-Express é um aplicativo de entrega de alimentos que oferece uma experiência completa tanto para os clientes quanto para os restaurantes. Inspirado nas funcionalidades do iFood. O sistema inclui uma interface de usuário moderna e intuitiva, um robusto sistema de carrinho de compras, autenticação segura e uma série de funcionalidades.
https://github.com/israelkilday/food-express
contextapi git jsx lucide-react nextauthjs nextjs14 postgresql prisma-orm reacticons reactjs serveractions shadcn-ui tailwindcss tsnode typescript vercel
Last synced: 1 day ago
JSON representation
Food-Express é um aplicativo de entrega de alimentos que oferece uma experiência completa tanto para os clientes quanto para os restaurantes. Inspirado nas funcionalidades do iFood. O sistema inclui uma interface de usuário moderna e intuitiva, um robusto sistema de carrinho de compras, autenticação segura e uma série de funcionalidades.
- Host: GitHub
- URL: https://github.com/israelkilday/food-express
- Owner: Israelkilday
- Created: 2024-04-23T03:46:04.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-06-10T12:57:32.000Z (7 months ago)
- Last Synced: 2024-06-10T14:45:08.301Z (7 months ago)
- Topics: contextapi, git, jsx, lucide-react, nextauthjs, nextjs14, postgresql, prisma-orm, reacticons, reactjs, serveractions, shadcn-ui, tailwindcss, tsnode, typescript, vercel
- Language: TypeScript
- Homepage: https://food-express-ruddy.vercel.app/
- Size: 12.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🍽 FOOD EXPRESS
**_[FOOD-EXPRESS](https://food-express-isarel-kildays-projects.vercel.app/)_** Food-Express é um aplicativo de entrega de alimentos que oferece uma experiência completa tanto para os clientes quanto para os restaurantes. Inspirado nas funcionalidades do iFood. O sistema inclui uma interface de usuário moderna e intuitiva, um robusto sistema de carrinho de compras, autenticação segura e uma série de funcionalidades para melhorar a experiência do usuário e a gestão dos restaurantes.
## 🎬 Vídeo do projeto
https://github.com/Israelkilday/FOOD-EXPRESS/assets/101229204/7ed22cbb-594b-4150-95d2-96867a48a2e9
## Fluxograma de Login:
![Diagrama de login food express drawio](https://github.com/user-attachments/assets/6df3c4f7-e68e-43e2-ab24-98fc0eb78da6)
## Fluxograma de Pedido:
![fluxograma de pedido food express drawio](https://github.com/user-attachments/assets/c4bfc398-6834-4529-a2c5-47eb4fd72242)
## Diagrama Entidade-Relacionamento do Esquema Prisma:
## ⚙️ Pré-requisitos
- **_Next.js_** (v14.0.0 ou superior)
- **_Node.js_** (v14.0.0 ou superior)
- **_npm_** (v6.0.0 ou superior)## 🚀 Funcionalidades:
- [x] **_Interface de usuário, navegação e design._**
- Através da combinação de `Next.js` + `Tailwind` + `ShadCN/UI` foi criado uma interface moderna, atraente, intuitiva e totalmente responsiva.
- [x] **_Sistema de carrinho de compras com atualização e quantidade._**
- [x] **_Dashboard para acompanhamento de pedidos realizados com status de entrega._**
- [x] **_Catálogo de Restaurantes com categorias e produtos._**
- [x] **_Sistema de autenticação com o `NextAuth` integrado ao `Google`_**
- Integração simplificada de login utilizando serviço de autenticação `OAuth` do Google.
- [x] **_Armazenamento de dados._**
- Integração simplificada com o Banco de Dados `PostgreSQL` atravéz do `Prisma ORM`.
- [x] **_Visualização do histórico de pedidos._**
- [x] **_Acompanhamento em tempo real do status do pedido._**
- [x] **_Gerenciamento de restaurantes favoritos._**
- [x] **_Navegação por categorias de alimentos._**
- [x] **_Pesquisa de restaurantes pelo nome._**## 🛠️ Principais Tecnologias
- **_[Next.14](https://nextjs.org/)_**
- **_[NextAuth.js](https://next-auth.js.org/)_**
- **_[Next Navigation](https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating)_**
- **_[Server Actions](https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations)_**
- **_[Typescript](https://www.typescriptlang.org/)_**
- **_[TS-node](https://typestrong.org/ts-node/)_**
- **_[React.js](https://pt-br.legacy.reactjs.org/)_**
- **_[Contex API](https://legacy.reactjs.org/docs/context.html)_**
- **_[React Icons](https://react-icons.github.io/react-icons/)_**
- **_[Lucide-react](https://lucide.dev/icons/)_**
- **_[JSX](https://pt-br.legacy.reactjs.org/docs/introducing-jsx.html)_**
- **_[TailwindCSS](https://tailwindcss.com/)_**
- **_[Shadcn/ui](https://ui.shadcn.com/)_**
- **_[Prisma ORM](https://www.prisma.io/?via=start&gad_source=1)_**
- **_[PostgresSQL](https://www.postgresql.org/)_**
- **_[Vercel](https://vercel.com/docs)_**
- **_[Husky](https://www.freecodecamp.org/portuguese/news/como-adicionar-hooks-de-commit-ao-git-com-husky-para-automatizar-tarefas/)_**
- **_[ESLint](https://eslint.org/)_**
- **_[Prettier](https://prettier.io/)_**
- **_[Git](https://www.git-scm.com/)_**## 💻 Como Rodar o Projeto
1. Clone o repositório: `git clone https://github.com/Israelkilday/FOOD-EXPRESS`
2. Instale as dependências: `npm install`
3. Inicie o servidor de desenvolvimento: `npm run dev`
4. Abra o navegador e acesse `http://localhost:3000`### Setup .env file
```js
DATABASE_URL=
GOOGLE_CLIENT_ID =
GOOGLE_CLIENT_SECRET =
```### Setup Prisma ORM
```shell
npm run db:push```
### Seed the app
```shell
npm run db:seed```
## 📁 Estrutura de Diretórios
- `/app`: Código-fonte da aplicação.
- `/public`: Arquivos públicos.## 🤝 Contribuição
Se você deseja contribuir com este projeto, siga estas etapas:
1. Fork o repositório.
2. Crie uma branch para sua contribuição:
```shell
git checkout -b minha-contribuicao```
3. Faça suas alterações e commit:
```shell
git commit -m 'Minha contribuição'```
4. Envie sua branch:
```shell
git push origin minha-contribuicao```
5. Abra uma solicitação pull.
## 🔗 Link do Projeto
https://food-express-isarel-kildays-projects.vercel.app/
## 🧠 Autor
[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/israel-kilday-machado-de-souza-801482230)
### Obrigado por visitar meu projeto! 👋