Status do Projeto: Concluído ✔️

Danilo Mourelle

Atualmente um desenvolvedor Web Fullstack (NodeJS), tenho 3 anos de experiência em programação de robôs industriais, onde desenvolvi habilidade na área de programação de linguagens de alto nível e lógica de programação. Também fiz parte, por 4 anos, de um grupo de pesquisa científica em sistemas neurais com foco em memória, aprendizado e Doença de Alzheimer onde obtive familiaridade com documentações em lingua inglesa e a repetibilidade de protocolos pré-estabelecidos.

Canais de comunicação:

Labenu | Full-Stack Web Development Bootcamp

Desenvolvimento de aplicações completas, incluindo frontend Web com React e backend com Node.js.

FutureEats

Escopo do Projeto

Durante o módulo 3, tentamos aprofundar os conhecimentos que fizemos nos módulos iniciais do curso através de conteúdos mais aplicados. Começamos vendo um aliado muito forte em projetos com muitos estados: o Redux, que parece bem complicado no início, mas, com prática, é de grande ajuda. Depois, vimos como implementar as funcionalidades mais comuns em aplicações de Frontend: formulários, autenticação, routers e estilizações. Por fim, demos atenção a maneiras que permitam verificar o funcionamento do nosso código rapidamente e de uma forma segura: testes automatizados. Tudo isso é um resumo disso aqui:

React
Redux
Redux-Thunk: Integração do redux com requisições assíncronas.
Autenticação
Estilização Avançada com CSS
Uso de bibliotecas de UI (MaterialUI)
Aplicações com múltiplas rotas utilizando React Router
Formulários com Validação
Teste unitário de lógica e de componentes
Responsividade e adaptação de aplicação web para front.

Para fechar com chave de outro e aplicar essa lista gigantesca, vamos fazer um projeto que tende a se aproximar ao mundo real. Vocês farão parte de uma equipe (em média com 5 pessoas) e receberão um layout pronto feita por uma design muito experiente: Camila Mizutani.

Linguagens

HTML
CSS
JavaScript

Tecnologias/Ferramentas

Git
BrowserDevTools
Node.js
React
Redux
Teste Automatizados
Estilização Avançada com CSS
Responsividade e adaptação de aplicação web para front.

O que a plataforma é capaz de fazer 🏁

🏆 Simular o funcionamento de um aplicativo de delivery baseados nos modelos encontrados nos mercado

🏆 Aplicação frontend completa estilização Design System, actions síncronas e assíncronas, requisições HTTP (API Rest), armazenamento de dados não sensíveis em ambiente local.

Linguagens e libs utilizadas 📚

React: versão 16.8.6
Styled Components: versão 4.4.1
@material-ui/core: versão 4.9.10
@material-ui/icons: versão 4.9.1
axios: versão 0.19.0
connected-react-router: versão 6.5.2
history: versão 4.10.1
react-redux: versão 7.1.1
react-router-dom: versão 5.1.2
redux: versão 4.0.4
redux-thunk: versão 2.3.0

Conhecimentos adquiridos durante o projeto 🎓

Animações e estilização avançada em CSS com styled components
Renderização baseada em rotas para aplicação single page
Gerenciamento de informações em store centralizada e conectada
Escrita e leitura de dados em banco de dados de forma assíncrona
Autenticação e Autorização com armazenamento local de dados não sensíveis e criptografados.

Como rodar a aplicação ▶️

No terminal, clone o projeto:

git clone https://github.com/danilomourelle/FutureEats.git

Navegue para dentro da raiz do projeto

cd FutureEats

Instale as dependências

npm i

Execute a aplicação

npm start

Você poderá acessar a aplicação em localhost:3000
* Evite uso do gerenciador de pacote yarn - incompatibilidade com algumas bibliotecas

Projeto inicialmente desenvolvido em 14/02/2020 neste Repo em parceria com:

RESULTADO FINAL

Site do projeto OBS: Projeto desenvolvido em mobile first, portanto melhor visualizado em telas de smartphones ou utilizado o DevTools do seu browser na ferramenta de responsividade