Code Monkey home page Code Monkey logo

frontend-exercise-module38's Introduction

eFood

Bem-vindo ao eFood, sua plataforma online exclusiva para explorar e encomendar os pratos mais deliciosos dos melhores restaurantes da cidade! Este projeto foi criado como parte do curso de Desenvolvedor Fullstack Python da EBAC (Escola Britânica de Artes Criativas), visando proporcionar uma experiência gourmet completa para os amantes da boa comida que desejam desfrutar de uma jornada culinária única, do conforto de suas casas. Prepare-se para uma experiência gastronômica sem igual!


O eFood está ao vivo! Acesse a aplicação aqui.


Recursos e Aprendizados

Durante o desenvolvimento do projeto eFood como parte do curso de Desenvolvedor Fullstack Python da EBAC, foram exploradas diversas tecnologias e conceitos importantes, incluindo:

  • Integração de APIs: Utilizamos APIs para obter e exibir dinamicamente informações sobre restaurantes, menus e preços, demonstrando habilidades de integração com serviços externos.

  • Gerenciamento de Estado com Redux: Implementamos o Redux para gerenciar o estado da aplicação de forma eficiente, aprendendo a centralizar e controlar o fluxo de dados em um aplicativo React.

  • Formulários Interativos com Formik: Utilizamos o Formik para simplificar a criação e validação de formulários, aprimorando a experiência do usuário durante o processo de checkout.

  • Estilização com Styled Components: Aprendemos a utilizar Styled Components para estilizar os componentes de forma modular e escalável, melhorando a manutenção e legibilidade do código CSS.

  • TypeScript para Tipagem Estática: Integrando TypeScript ao projeto, exploramos os benefícios da tipagem estática para garantir a robustez e segurança do código.

Estes recursos e aprendizados foram fundamentais para a construção de uma aplicação web funcional e responsiva, além de proporcionarem uma sólida base de conhecimento em desenvolvimento web fullstack.


Tecnologias Utilizadas

  • React: Utilizamos o React para criar uma interface de usuário moderna e responsiva, garantindo uma experiência de navegação suave e agradável.

  • TypeScript: A integração do TypeScript oferece uma base sólida de tipagem estática, melhorando a manutenção do código e reduzindo erros durante o desenvolvimento.

  • React Redux: O React Redux é utilizado para gerenciar o estado da aplicação de forma eficiente, proporcionando uma experiência de usuário mais fluida e responsiva.

  • Formik: Usamos o Formik para simplificar o processo de criação e validação de formulários, garantindo uma experiência de checkout livre de erros.

  • Styled Components: Com Styled Components, conseguimos criar estilos de forma modular e escalável, garantindo uma aparência visual consistente e atraente em toda a aplicação.

Como Abrir o Projeto Localmente

  1. Clone este repositório em sua máquina local.
  2. Instale as dependências usando npm install.
  3. Inicie o servidor de desenvolvimento com npm start.
  4. Abra seu navegador favorito e acesse http://localhost:3000.

Esperamos que você se junte a nós nesta jornada culinária e desfrute de uma experiência verdadeiramente excepcional com o eFood! 🍽️🎉

frontend-exercise-module38's People

Contributors

yuridonato avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.