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.
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
- 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
Cada "card" de receita aqui leva para a respectiva receita com um sistema de links criado com o Nunjucks
textos fictícios
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
# 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 terminalFeito isso, abra o seu navegador e acesse http://localhost:5000/
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Desenvolvido com ❤️ por Caique Andrade