Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joseeduardomartins/pizza-builder
Pizza Builder é uma aplicação web desenvolvida com React, TypeScript e Tailwind CSS para criação e personalização de pizzas. Permite selecionar tamanhos e sabores, adicionar personalizações e visualizar um resumo detalhado do pedido, incluindo preço e tempo de preparo.
https://github.com/joseeduardomartins/pizza-builder
docker jest next react tailwind typescript
Last synced: 5 days ago
JSON representation
Pizza Builder é uma aplicação web desenvolvida com React, TypeScript e Tailwind CSS para criação e personalização de pizzas. Permite selecionar tamanhos e sabores, adicionar personalizações e visualizar um resumo detalhado do pedido, incluindo preço e tempo de preparo.
- Host: GitHub
- URL: https://github.com/joseeduardomartins/pizza-builder
- Owner: JoseEduardoMartins
- License: mit
- Created: 2024-07-16T16:20:42.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T16:47:37.000Z (4 months ago)
- Last Synced: 2024-11-02T21:02:32.480Z (5 days ago)
- Topics: docker, jest, next, react, tailwind, typescript
- Language: TypeScript
- Homepage:
- Size: 95.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pizza Builder - Front-end
Este projeto é uma aplicação web desenvolvida com Next, TypeScript e Tailwind CSS, destinada à criação de pizzas personalizadas. O sistema permite aos clientes selecionar o tamanho e sabor da pizza, adicionar personalizações e visualizar um resumo detalhado do pedido, incluindo preço final e tempo de preparo.
## Pré-requisitos
Certifique-se de ter as seguintes dependências instaladas antes de iniciar:
Opção 1
- [Node.js](https://nodejs.org/) (versão 18.0.0 ou superior)
- Pacotes [npm](https://www.npmjs.com/) (Node Package Manager)
Opção 2
- [Docker](https://docs.docker.com/get-docker/)
- [Docker Compose](https://docs.docker.com/compose/install/)
## Instruções de Configuração
### 1. Clone o repositório
```bash
git clone https://github.com/JoseEduardoMartins/pizza-builder.git
cd pizza-builder
```
### 2. Configurar ambiente.
#### Opção 1: Local
- Instale as dependências:
```bash
npm install
```
### 4. Executar a Aplicação
#### Opção 1: Local
- Inicie a aplicação em modo de desenvolvimento:
```bash
npm run dev
```
- Para criar uma versão otimizada para produção:
```bash
npm run build
```
Os arquivos resultantes estarão na pasta build/.
#### Opção 2: Utilizando Docker
- Criar versão otimizada para o docker:
```bash
npm run build
```
- Inicie a aplicação:
```bash
docker-compose up
```
- Crie imagens antes de iniciar contêineres:
```bash
docker-compose up --build
```
- Interrompe contêineres e remove contêineres, redes, volumes e imagens criadas pelo `up`:
```bash
docker-compose down
```
Acesse http://localhost:3000 em seu navegador.
## Funcionalidades
1. Seleção de Tamanho: Escolha entre tamanhos Pequeno, Médio e Grande, cada um com seu preço e tempo de preparo específico.
2. Escolha de Sabor: Opções incluem Calabresa, Marguerita e Portuguesa, com a Portuguesa adicionando um tempo de preparo extra.
3. Personalizações: Adicione opções como Extra Bacon, Sem Cebola e Borda Recheada, com valores e tempos adicionais.
4. Resumo do Pedido: Visualize o resumo completo do pedido, incluindo detalhes do tamanho, sabor, personalizações, valor total e tempo de preparo.
## Contribuição
Contribuições são bem-vindas! Se encontrar algum problema ou tiver sugestões, por favor, abra uma [issue](https://github.com/JoseEduardoMartins/pizza-builder/issues/new).
## Autor
- José Eduardo Martins
## Licença
Este projeto é licenciado sob a Licença MIT - consulte o arquivo LICENSE.md para obter detalhes.
## Contato
Para qualquer dúvida ou problema, entre em contato com `[email protected]`.