📌 PROJETO COOKENU 🍰 🍜 🍗

👉 Status: Concluído ✅👏

Esse projeto é um site de Receitas. O usuário poderá se cadastrar no site, fazer login, visualizar todas as receitas, ver os detalhes da receita e cadastrar novas receitas.

---

🔗 Link do Surge:

https://obtainable-faucet.surge.sh/login

---

📱 Responsividade:

• Para uma melhor experiência da aplicação, recomendados a visualiação em dispositivos iPhone 6/7/8.

---

Tela de login:  

A página de login possui dois campos de texto: e-mail e senha.Ao fazer o login, o usuário deverá ser redirecionado para a página de Lista de Receitas. A página possui também um botão "Cadastrar", que leva o usuário para a página de cadastro. 

---

Tela de cadastro:

A página de cadastro possui 3 campos: nome de usuário, email e senha. Após cadastrar, o usuário deverá ser redirecionado para a página de Lista de Receitas, já estando logado.

---

Tela de Lista de Receitas:

Essa página só pode ser acessada por um usuário logado. Caso o usuário não esteja logado, deverá ser redirecionado para a página de login. Essa página mostrará cards com receitas, o usuário poderá clicar no card para ver os detalhes. Mostrará também um botão com o sinal de +, para o usuário clicar e ser direcionado para a página de adicionar receitas.

---

 

Detalhes da Receita:

A página de detalhes mostrará o mesmo card da página de Lista de Receitas, com a imagem, nome da receita e descrição. Essa página só pode ser acessada por um usuário logado. Caso o usuário não esteja logado, deverá ser redirecionado para a página de login.

---

Adicionar Receita:

Essa página só pode ser acessada por um usuário logado. Caso o usuário não esteja logado, deverá ser redirecionado para a página de login. A página possui 3 campos: nome da receita, link para imagem e descrição. Após cadastrar, o usuário deverá ser redirecionado para a página de Lista de Receitas, já estando logado.

---

Documentação da API:

(https://documenter.getpostman.com/view/9133542/TVKEXwyh#241cd863-8731-4477-99dd-c724150c4ffe)

---

✨ Funcionamento:

• Rotas
• Tela de login
• Tela de cadastro
• Tela de Lista de Receitas
• Tela de Detalhes da Receita
• Tela de Adicionar Receita
• Página de Erro
• Responsividade para iPhones 6/7/8 e iPad

💻 Tecnologias:

As seguintes tecnologias foram usadas na construção do projeto:

• React
• JavaScript
• Material-UI

🎨 Layout:

• Material-UI
• Styled-componentes

📂 Como instalar o projeto:

Passo 1. Clone este repositório:

$ git clone ....

Passo 2. Acesse a pasta do projeto no terminal/cmd:

$ cd cookenu

Passo 3. Instale as dependências:

$ npm install

Passo 4. Rode o projeto:

$ npm run start

Passo 5. Abra em seu navegador o seguinte endereço: http://localhost:3000