Giter Site home page Giter Site logo

cadastro-com-api-cep's Introduction

Projeto Formulário de Cadastro React com a API ViaCEP

O projeto formulário de cadastro React consome a api ViaCep disponibilizado em: https://viacep.com.br/

Descrição do Projeto:

O projeto consistem em um formulário simples, com 5 campos (inputs), para inserção de dados. Os campos são: Nome Completo, Logradouro, Bairro, Cep, Estado e Cidade.
O campo Cep possui um botão para realizara pesquisa, via consumo da API ViaCEP. Caso Encontre as informações, ele preenche os demais campos com elas.

Recursos Utilizados para Este Projeto:

Neste projeto, utilizei o hook useState em conjunto com programação assíncrona (assync, await e fetch).
Também utilizei a criação dos componentes: Input, Botao e Formulario (que possui um conjunto de Input e Botao).

Para Realizar o Download e Preparação do Projeto:

Após baixar o projeto com o comando: git clone https://github.com/olivalpaulino/cadastro-com-api-cep
Acesse a pasta do projeto com: cd cadastro-com-api-cep
Por fim, execute o comando: npm install para baixar as dependências necessárias

Para executar o Projeto

Basta executar o comando: npm start

Curso de JavaScript do Zero ao Avançado:

Acesse e saiba mais: https://www.udemy.com/course/javascript-com-orientacao-a-objetos-e-dom-aprenda-rapido/?couponCode=F158D14301BAF8E33B83

Aula/Explicação do Projeto (Step by Step - Code With Me):

Acesse a aula do youtube, onde explico o projeto no passo a passo, no estilo code with me. Caso queira realizar o mesmo projeto, ver as dificuldades que encontrei no meio do processo e como foram superadas, para a criação de uma aplicação que consome uma api, acesse: https://www.youtube.com/watch?v=DHMQPyF_9Pc

Redes Sociais:

LinkedIn: https://www.linkedin.com/in/olivalpaulino/
Instagram: https://www.instagram.com/olivalpaulino/
Canal do Youtube: https://www.youtube.com/@olivalpaulino/playlists

cadastro-com-api-cep's People

Contributors

olivalpaulino 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.