Foodfy

📓 Sumário

• Sobre a aplicação
• Tecnologias
• Preview
• Como executar em sua máquina
• Licença
• Contatos

🚀 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://localhost:5000
Para desligar o servidor, tecle "ctrl + c" no terminal

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

📝 Licença

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

📞 Contatos

Desenvolvido com ❤️ por Caique Andrade