/FutureEats

Projeto final referente ao super módulo de Frontend do curso Fullstack da Labenu_

Primary LanguageJavaScript

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.

Screenshot_1

FutureEats


GitHub top language GitHub language count Repository size GitHub last commit


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:

  1. React
  2. Redux
  3. Redux-Thunk: Integração do redux com requisições assíncronas.
  4. Autenticação
  5. Estilização Avançada com CSS
  6. Uso de bibliotecas de UI (MaterialUI)
  7. Aplicações com múltiplas rotas utilizando React Router
  8. Formulários com Validação
  9. Teste unitário de lógica e de componentes
  10. 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 📚

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