CAFÉ BUGADO

Tópicos

🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Deploy da Aplicação

🔹 Conceitos abordados

🔹 Resolvendo problemas

🔹 Tarefas em aberto

🔹 Tecnologias

🔹 Instalação e execução

🔹 Contrubuir

🔹 Desenvolvedor

🔹 Licença

Descrição do projeto

Este projeto utiliza ReactJS para criar uma interface interativa para uma cafeteria moderna, voltada para desenvolvedores de código. A aplicação apresenta informações sobre a cafeteria, como localização, horário de funcionamento e cardápio. O cardápio lista os produtos disponíveis, com fotos, descrições e preços. Os usuários podem visualizar os produtos por categoria e adicionar itens ao carrinho de compras. A aplicação também oferece a opção de realizar pedidos online para retirada ou entrega.

Funcionalidades

Apresentação da cafeteria com informações como localização, horário de funcionamento e fotos.
Cardápio com fotos, descrições e preços dos produtos.
Filtragem dos produtos por categoria.
Carrinho de compras para adicionar e remover itens.
Opção de realizar pedidos online para retirada ou entrega.
Design responsivo para se adaptar a diferentes dispositivos.

Deploy da Aplicação 💨

Link do deploy da aplicação

Conceitos abordados

Uso de flexbox e grid para alinhar e ajustar elementos na página.
Usando o conceito dos hooks UseState e useEffect.
HTML5, tailwindCss e JavaScript para o desenvolvimento front-end
pnpm para gerenciamento de pacotes e instalação de dependências
Usando Vite para iniciar projeto
Controle de versionamento
Deploy na Vercel

Resolvendo Problemas ❗

O projeto de cafeteria ReactJS apresenta diversas oportunidades para aprimorar a experiência do usuário e a funcionalidade geral da aplicação. Escrever código limpo e modular para facilitar a manutenção e futuras extensões da aplicação.

Tarefas em aberto

📝 Dark Mode

📝 Criação de API

📝 Criação de Autenticação

📝 Criação de Carrinho

🚀 Tecnologias

Instalação e execução

Faça um clone desse repositório e acesse o diretório.

$ git clone https://github.com/darioreisjr/projeto-cafe-bugado-reactjs.git && cd projeto-cafe-bugado-reactjs

# Instalando as dependências
$ pnpm i

# Executanto aplicação
$ pnpm run dev

💪 Contribuir

Faça o fork e clone o projeto a partir do seu usuário.

# Clonando projeto
$ git clone https://github.com/SEU-NOME-DE-USUARIO/projeto-cafe-bugado-reactjs.git

# Criando um branch
$ git branch minha-alteracao

# Acessando o novo branch
$ git checkout -b minha-alteracao

# Adicionando os arquivos alterados
$ git add .

# Criando commit e a mensagem
$ git commit -m "Corrigindo...."

# Enviando alterações para o brach
$ git push origin minha-alteracao

Você deve navegar até o seu repositório onde fez o fork e clicar no botão New pull request no lado esquerdo da página.

Desenvolvedor

_{Dario Reis}

Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.