Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 hours 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.

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

[email protected]

[![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! 👋

(voltar ao topo)