GithubHelp home page GithubHelp logo

bootcamp-gostack-desafio-09's Introduction

Fastfeet

Desafio 9: FastFeet, front-end web

⚠️ Etapa 3/4 do Desafio Final ⚠️

Esse desafio faz parte do Desafio Final, que é uma aplicação completa (Back-end, Front-end e Mobile) que é avaliada para emissão do Certificado do Bootcamp GoStack, por isso é fundamental que ele seja feito com muito empenho!

“Mude você e todo o resto mudará naturalmente”!

Sobre o desafio   |    Informações Importantes   |    Layout   |    Demo   |   

🚀 Sobre o desafio

Durante esse desafio construi o front-end da aplicação FastFeet que no qual criei o back-end durante os desafios dos módulos 02 e 03 de Node.js.

A versão web do projeto FastFeet representa a visão da distribuidora, ou seja, todas funcionalidades presentes na versão web são para administradores. As funcionalidades para o entregador serão dispostas no aplicativo mobile.

Informações importantes

  1. Antes de cancelar encomendas ou deletar qualquer registro do banco criei uma verificação adicinal usando a função confirm do JavaScript;
  2. Para formatação de datas utilizei sempre a biblioteca date-fns;
  3. No cadastro/edição de encomendas foi preciso buscar o entregador e o destinatário pelo nome. Utilizei o método async da biblioteca React Select. As encomendas são buscadas da API assim que a página carregaa e não possuem filtro.

Opcionais

  1. Adicionei paginação no front-end e back-end para todas listagens;
  2. Utilizei máscaras para o input de CEP;

🎨 Layout

O layout do desafio foi feito seguindo o protótipo disponivel nesse link : Visualizar

Demo

Fastfeet

Fastfeet

Fastfeet

Fastfeet

Fastfeet

Fastfeet

Fastfeet

Fastfeet

bootcamp-gostack-desafio-09's People

Contributors

luiz-fellipe 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.