Este projeto foi desenvolvido com intuito de desafiar nossas habilidades como desenvolvedores, trabalhando em equipe.
Sobre o desenvolvimento
Para o desenvolvimento do projeto, recebemos um formulário com informações de como o projeto deveria funcionar a partir da visão do cliente e a partir de ai tendo em mente o que deveríamos ou não fazer dividimos quem ficaria responsável por qual parte e que caso necessário ajudaríamos no desenvolvimento daquela parte especifica. Utilizamos o framework ReactJS + context api, pois o projeto era simples e esse gerenciamento de estado pareceu mais pratico para se trabalhar com as informações da aplicação e entregar no tempo demandado pelo cliente. Tínhamos 9 dias para apresentar o projeto e a partir dai dividimos as tarefas e começamos a desenvolver o projeto.
🦾 Habilidades
- Desenvolvimento de aplicações React
- Desenvolvimento de aplicações com React Context API
- Desenvolvimento de aplicações mobile first
- Consumo de API
- Criação de design
- Trabalho em equipe
- Comunicação
- Planejamento
- Organização
- Autonomia
- Responsabilidade
- Criatividade
- Pair programming
- Metodologias ágeis (Scrum e Kanban)
🖥️ Tecnologias
- React.js
- Components Funcional
- Context API
- React Router
- HTML5
- CSS3
- JavaScript
- Styled-components
- Git
- GitHub-pages
- Vercel
🖥️ Rodando o projeto
- Clone o repositório utilizando o comando
git clone git@github.com:Erik-EFL/recipe-app-Chefinho.git
- Entre na pasta do projeto com
cd recipe-app-Chefinho
- Instale as dependências com
npm install
- Inicie o projeto com
npm start
- O projeto sera aberto no seu navegador em
http://localhost:3000
📱 Como utilizar a aplicação
- Através do link no menu lateral aqui no github ou do ambiente de desenvolvimento seguindo os passos acima.
- O login pode ser feito com qualquer email e senha, desde que siga esses padrões:
- Email: test@test.com (não é necessário criar um novo usuário)
- Senha: 1234567 (precisa ter no mínimo 7 caracteres)
- Após o login, você será redirecionado para a página de receitas, onde poderá ver todas as receitas cadastradas e navegar entre as páginas.
🖥️ Implementações futuras 🖥️
- Front-end
- Aplicar atomic design
- Criar um design responsivo para web
- Aplicar mais testes
- Back-end
- Criar uma api para armazenar os dados de usuários
- Criar uma api para armazenar os dados de receitas
- Criar testes de integração
- Criar testes E2E
Eduardo Almeida |
Erik Lima |
Luiz Guilherme |
let projeto {
"status": "Em desenvolvimento"
}
Esse projeto foi desenvolvido para propósitos de aprendizagem e divulgação de meus projetos, todo o código e documentação são da autoria de Erik-EFL e os direitos pertencem exclusivamente a Erik-EFL. É permitido baixar ou clonar o repositório para fins de estudo. Contudo, não é permitido publicar cópias totais ou parciais. Este aviso não cobre bibliotecas, dependências ou marcas, estas estão sujeitas a suas respectivas licenças.