Projeto feito durante as aulas de revisão do módulo III do bootcamp fullstack web da Labenu. O Cookenu é uma aplicação web simples onde o usuário pode fazer login/cadastro e ter acesso a um feed de receitas que foram postadas por outros usuários da API. O usuário também pode postar a sua própria receita (com nome, modo de fazer e a URL da foto) caso queira. A API utilizada pertence à Labenu. O conteúdo só é visível para usuários que estejam logados, então para visualizar o feed e ter a opção de postar receitas você pode usar os dados de login para visitantes abaixo ou criar a sua própria conta.
- Cookenu
- Login: [email protected] e senha: 123456 (também é possível que você faça o seu próprio cadastro)
- React.js (v17.0.2): React é uma biblioteca JavaScript para construção de interfaces de usuário.
- Axios (v0.23.0): O Axios é um biblioteca que permite uma integração do projeto React com qualquer serviço de API disponível.
- Styled Components (v5.3.3): Styled Components é uma biblioteca que utiliza o conceito de CSS-in-JS, ou seja, que permite escrever códigos CSS dentro do Javascript.
- React-router-dom (v5.3.0): O React Router é uma biblioteca do React que permite a navegação entre diversas partes da aplicação, como páginas.
- Material UI (v5.0.4): É uma popular biblioteca de componentes React. O MUI segue as diretrizes, componentes e ferramentas de material design do Google para tornar os aplicativos web mais rápidos.
- API: API é um conjunto de definições e protocolos usado no desenvolvimento e na integração de software de aplicações. É um acrônimo em inglês que significa interface de programação de aplicações.
Login |
Cadastro |
Home |
Adicionar receita |
Detalhes da receita (responsividade) |
Antes de começar você vai precisar ter instalado em sua máquina as seguintes ferramentas: o Git e o Node.js. Além disso, é bom ter uma IDE para trabalhar com o código. Eu recomendo o VSCode.
# Clone este repositório
# HTTPS
$ git clone https://github.com/mhsouza88/cookenu.git
# SSH
$ git clone [email protected]:mhsouza88/cookenu.git
# CLI
$ gh repo clone mhsouza88/cookenu
# Acesse a pasta do projeto no terminal
$ cd ./cookenu
# Instale as dependências
$ npm install
$ npm install react-router-dom
$ npm install axios
$ npm install @mui/material @emotion/react @emotion/styled
$ npm install @mui/material @mui/styled-engine-sc styled-components
$ npm install @mui/icons-material
# Para iniciar o projeto
$ npm run start
# O servidor inciará na porta:3000 - acesse <http://localhost:3000>
Maria Helena Souza |
