Skip to content

Aplicação web de culinária onde é possível cadastrar, editar e excluir receitas de forma simples. Ainda em desenvolvimento

License

Notifications You must be signed in to change notification settings

caique-dev/foodfy

Repository files navigation

Foodfy

Launchbase

📓 Sumário

🚀 Sobre a aplicação

Esse projeto está sendo desenvolvido durante o curso LaunchBase - RocketSeat. A aplicação Foodfy serve como uma exposição de receitas. Nessa etapa do curso estamos aprendendo a criar um servidor HTTP com Express e também tudo que é necessário para gerenciarmos esse servidor, desde a criação das rotas, persistência dos dados e etc até a configuração e utilização do Nunjucks, o template engine utilizado para deixar o HTML mais dinâmico e flexível. Ainda em desenvolvimento.

💡 Ideias que ainda vou implementar

A parte mais básica já está pronta, como o próprio servidor, rotas e layout. Ainda vou implementar a parte de cadastro de usuário e receitas, além da área de administração e outras coisas.

  • Responsividade - Nos dias de hoje os celulares são muito utilizados para acessar a internet, por isso a reponsividade é indispensável;
  • Login - Implementar um login e cadastro de usuários funcional
  • BD - Mover todos os dados da aplicação para um Banco de dados

🤖 Tecnologias utilizadas:

  • Express - Dependência utilizada para criar e gerenciar nosso servidor HTTP;
  • Nunjucks - Dep. Utilizada como Template Engine, para usufruirmos de um HTML dinâmico;
  • Nodemon - Dep. que reinicia o servidor a cada atualização nos arquivos observados;
  • Browser Sync - Dep. que atualiza o navegador a cada atualização nas pastas observadas;
  • NPM Run All - Dep. que possibilita rodar paralelamente o Nodemon e o Browser Sync;
  • HTML, CSS e JavaScript

👀 Preview:

Home:

Cada "card" de receita aqui leva para a respectiva receita com um sistema de links criado com o Nunjucks

Sobre:

textos fictícios

Detalhes da Receita:

Os dados dessa página são trazidos de forma dinâmica. Estão todos armazenados num arquivo js, que está servindo como um data base. O item "informações adicionais" só aparece quando não está vazio, isso é controlado através de uma condicional do nunjucks

Área de administração

Login

Listagem das receitas

Criar uma nova receita

Visualização de uma receita

Editar uma receita

⚡ Como executar essa aplicação em sua máquina

# Instalar o NodeJS (Versão LTS)
https://nodejs.org/en/

# Instalar o GIT para Windows ou Mac
https://gitforwindows.org/
https://git-scm.com/download/mac

# Clonar o repositório
git clone https://github.com/caique-dev/foodfy.git

# Entrar no diretório
cd foodfy

# Baixar as dependências
npm install

# Executar o servidor
npm start

# No seu terminal deve aparecer
O servidor está ligado e pode ser acessado na em http:https://localhost:5000
Para desligar o servidor, tecle "ctrl + c" no terminal

Feito isso, abra o seu navegador e acesse http:https://localhost:5000/

📝 Licença

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

📞 Contatos

Linkedin Badge Linkedin Badge Rocktseat

Desenvolvido com ❤️ por Caique Andrade

About

Aplicação web de culinária onde é possível cadastrar, editar e excluir receitas de forma simples. Ainda em desenvolvimento

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published