Skip to content

Este aplicativo foi desenvolvido para permitir aos usuários visualizar uma lista de endereços, assim como criar um novo registro de endereço e editar um registro existente.

Notifications You must be signed in to change notification settings

carlosleal89/address-management

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Descrição:

Este aplicativo foi desenvolvido para permitir aos usuários visualizar uma lista de endereços, assim como criar um novo registro de endereço e editar um registro existente.

Tecnologias Utilizadas:

  • Typescript;
  • React com create-react-app;
  • Tailwind com responsividade para telas a partir de 480;
  • Joi para validação dos inputs;
  • SweetAlert para alertas;
  • UuidV4 para geração de ids;

Visite o site no link abaixo:

https://address-management3.vercel.app/

Funcionalidades principais:

  • Visualizar a lista de endereços cadastrados:

Tela principal da aplicação

  • Cadastrar um novo endereço:

Tela para criar um novo endereço na Terra

Tela para criar um novo endereço em Marte

  • Editar um endereço já existente:

Tela editar um endereço já existente

  • Exemplos dos alertas:

Exemplo de um alerta

Exemplo de um alerta para erro de validação

Como Executar o Projeto:

  1. Execute o comando a seguir no diretório raiz:

    npm install
    
  2. Execute o comando:

    npm start
    
  3. Acesse o aplicativo:

    http://localhost:3000/
    

About

Este aplicativo foi desenvolvido para permitir aos usuários visualizar uma lista de endereços, assim como criar um novo registro de endereço e editar um registro existente.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published