Skip to content

Repository files navigation

Banner de apresentação do projeto café bugado

CAFÉ BUGADO


Layout de home da aplicação

Layout de sobre da aplicação

Layout de produtos da aplicação

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 :octocat:


Dario Reis


Licença

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


Copyright ©️ 2024 - Café Bugado | Dario Reis

About

Cafeteria para Desenvolvedores Aplicativo ReactJS para apresentar uma cafeteria moderna e listar produtos para desenvolvedores de código. Inclui cardápio com fotos, descrições, preços e carrinho de compras.

Topics

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages