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

https://github.com/lucasdogit/pizzaria-frontend

Sistema de pedidos para atendentes e cozinha de pizzarias - Frontend
https://github.com/lucasdogit/pizzaria-frontend

axios nextjs sass sonner system-orders typescrit

Last synced: 28 days ago
JSON representation

Sistema de pedidos para atendentes e cozinha de pizzarias - Frontend

Awesome Lists containing this project

README

          


SujeitoPizza - Sistema de Pizzaria


capa do projeto

## Sumário

- [\[pizzaria-frontend\]](#)
- [Sumário](#sumário)
- [Introdução](#introdução)
- [Descrição Geral](#Descrição-Geral)
- [Tecnologias Usadas](#tecnologias-usadas)
- [Principais Funcionalidades](#pricipais-funcionalidades)
- [Snapshots](#snapshots)
- [Como Executar o Projeto](#como-executar-o-projeto)
- [Links Úteis](#links-úteis)
- [Contato](#contato)

## Introdução

Este é um projeto de sistema de Pizzaria, com objetivo principal de organizar e falicitar o atendimento aos clientes e recebimento de pedidos da cozinha. Este repositório de destina somente ao frontend do projeto e para funcionar é necessário executar o [backend](https://github.com/LucasDoGit/pizzaria-beckend).

## Descrição Geral

O **Sujeito Pizza** é um sistema completo para pizzarias, onde:
- **Garçons** usam um aplicativo mobile para realizar pedidos e gerenciar atendimentos.
- **Cozinha** usa uma interface web para visualizar e preparar os pedidos.
- **Backend** gerencia toda a lógica de negócios, incluindo pedidos, produtos, autenticação e integração com serviços externos (como Cloudinary para upload de imagens).

Este repositório é dedicado ao frontend, desenvolvido em **NextJS com TypeScript** e hospedado na **Vercel**.

## Tecnologias Usadas

![NextJS](https://img.shields.io/badge/next%20js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white) 
![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white) 
![Sass](https://img.shields.io/badge/Sass-000?style=for-the-badge&logo=sass)
![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![Git](https://img.shields.io/badge/GIT-E44C30?style=for-the-badge&logo=git&logoColor=white)

- **Linguagem**: TypeScript
- **Framework**: Next 14
- **Ferramentas de Desenvolvimento**:
- Utilizado a bibilioteca [cookie-next](https://www.npmjs.com/package/cookies-next) para sessão;
- Requisições feitas com Axios;
- Utilizado Sass para estilização;
- Utilizado [Sonner](https://www.npmjs.com/package/sonner) para mostrar toasts;
- lucide-react (icons)
- contextAPI

## Pricipais funcionalidades

### 1. **Produtos e Categorias**
- **Criar produtos**: Os cozinheiros podem cadastrar produtos seguintos as categorias cadastrar e definir o seu preço, descriação e fotos.
- **Criar categorias**: Os cozinheiros podem cadastar novas categorias que serão exibidas no aplicativo mobile e como opção de cadastro dos protutos.
- **Finalizar pedido**: Após o preparo, a cozinha pode concluir o pedido e tirar da fila.

### 2. **Autenticação e Cadastro**
- Autenticação de usuários realizada no backend da aplicação.
- Proteção de rotas com middleware de autenticação usando o cookie-next.
- Cadastro de novos usuários

## Snapshots

### Home

home

### Pedidos recebidos

página de pedidos

### Detalhes do pedido

detalhes do pedido

### Cadastro de produtos

cadastro de produtos

### Cadastro de categorias

cadastro de categorias

## Como Executar o Projeto

### Pré-requisitos

- Virtual Studio Code - Version 1.97.2
- Node.js - Version 22.11.0

Para executar o projeto é preciso estar com o ambiente [backend](https://github.com/LucasDoGit/pizzaria-beckend) configurado localmente ou hospedado em alguma plataforma como a vercel.

1. Clone o repositório:
```bash
git clone https://github.com/LucasDoGit/pizzaria-frontend
cd pizzaria-frontend
```

2. Instale as dependências:
```bash
npm install
```

3. Crie o arquivo *.env* na raiz do projeto e configure as variáveis de ambiente, conforme abaixo.
```javascript
NEXT_PUBLIC_API=http:// localhost:3000 ou a url do seu projeto backend
```

4. Execute o comando:
```bash
npm run dev
```

5. Feito! O projeto deve ser iniciado e pode ser acessado usando um navegador web pelo **localhost** ou a **url de hospodagem** do seu projeto.

## Links Úteis

- Repositório do Backend: [https://github.com/LucasDoGit/pizzaria-backend](https://github.com/LucasDoGit/pizzaria-backend)
- Repositório do Frontend Mobile: [https://github.com/LucasDoGit/pizzaria-mobile](https://github.com/LucasDoGit/pizzaria-mobile)

## Contato

Para obter mais informações, entre em contato comigo em:

- Email: lucas.saiz19@gmail.com
- GitHub: https://github.com/LucasDoGit