Skip to content

alvarodev12/cadastro-usuarios

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📋 Sistema de Cadastro de Usuários

Este projeto foi desenvolvido durante a formação @DevClub, com a mentoria do Rodolfo Mori, utilizando React para criar uma aplicação simples e funcional de cadastro de usuários.


🚀 Funcionalidades

  • ✅ Cadastrar novos usuários com nome, idade e e-mail.
  • ✅ Visualizar a lista de usuários cadastrados.
  • ✅ Excluir usuários diretamente da listagem.
  • ✅ Navegação dinâmica entre páginas utilizando React Router Dom.

🛠️ Tecnologias Utilizadas

  • React JS ⚛️
  • Styled-Components 🎨
  • Axios 🌐
  • React Router Dom 🚦

📚 Conceitos Praticados

  • useRef: Manipulação de inputs sem precisar de estados controlados individuais.
  • useNavigate: Navegação entre páginas de forma dinâmica.
  • Consumo de API (mock): Simulação de backend com armazenamento local.
  • Componentização: Código mais organizado, reutilizável e escalável.

📸 Screenshots

🖥️ Tela Cadastro - Versão Desktop

Tela Cadastro Desktop

📱 Tela Cadastro - Versão Mobile

Tela Cadastro Mobile

📝 Lista de Usuários

Tela Lista de Usuários


👨‍💻 Autor Projeto desenvolvido por Álvaro Souza, como parte da formação DevClub. Mentoria: Rodolfo Mori 🚀


React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published