Cadastro de usuários 🧑

React JavaScript React-Router Express.js styled-componets NodeJS Deploy-vercel

Projeto Concluído ✔

Descrição do Projeto

Desenvolvi esse projeto como desafio proposto dentro do curso DevClub!

O projeto foi inicialmente criado utilizando a ferramenta de construção react-app.

Todo o UI criado na ferramenta de layout FIGMA.

O objetivo era de, construir uma tela que requer os dados do usuário e salvar as informação no BackEnd, na segunda tela de usuários todos são listados.

Uma aplicação que envolveu muita lógica.

Aplicação toda responsiva, ou seja se adaptam a vários tipos de dispositivos.

Deploy

https://project-react-user-registration.vercel.app

login

4

Bibliotecas

React-Router ✔

React-Icons ✔

Uuid-v4 ✔

Axios✔

Como exectutar a aplicação

Copie o código clone

https://github.com/DaniMendess/project-react-user-registration.git

No seu Desktop crie uma pasta onde deseja clonar o projeto

Dentro da pasta execute:

git clone https://github.com/DaniMendess/project-react-user-registration.git

Execute o comando "npm i" ou "npm install" para instalar todas as dependências.

npm i

Abrir pasta do projeto, Execute "code . "

code .

Funcionalidades como usar

Cadastre seus dados na tela inicial.

Página de usuários exclua-os se desejar.

Final

Por parecer um projeto simples, envolveu muita lógica de programação para chegar até o fim que esperava.

Para salvar todos os dados cadastrados no front criei uma aplição BackEnd que recebe todos esse dados do usuário com um ID único para cada um cadastrado.

Utilizei o React-router-dom para lidar com rotas da minha aplicação.