Skip to content

matheusprado1/react-typescript-materialui

Repository files navigation

React TypeScript Material UI - SPA com CRUD e Autenticação

Este projeto é um front-end SPA (Single Page Application) para cadastro de dados, desenvolvido com React, TypeScript e Material UI (MUI). A aplicação consome uma API REST para operações CRUD (criação, leitura, atualização e exclusão) de registros. Ela inclui autenticação de usuário, validação de formulários e enfatiza a reutilização de componentes e a boa organização de código. Utiliza Vite como bundler para uma experiência de desenvolvimento rápida e moderna.


✨ Funcionalidades Principais

  • Cadastro, edição, exclusão e listagem de dados
  • Autenticação de usuário (login/logout)
  • Validação de formulários
  • Navegação por rotas com React Router
  • Componentes reutilizáveis com TypeScript
  • Interface responsiva e moderna com Material UI

🚀 Tecnologias Utilizadas

  • React – Biblioteca principal para construção da interface
  • TypeScript – Superset do JavaScript com tipagem estática
  • Material UI (MUI) – Componentes de UI com estilo Material Design
  • React Router – Roteamento de páginas dentro do SPA
  • React Hook Form – Gerenciamento e validação de formulários
  • Vite – Ferramenta de build e dev server rápido
  • ESLint – Linter para padronização e qualidade do código
  • Prettier – Formatador de código
  • Yarn – Gerenciador de pacotes

🛠️ Instalação e Uso

1. Clone o repositório

git clone https://github.com/matheusprado1/react-typescript-materialui.git
cd react-typescript-materialui

2. Instale as dependências

yarn install

3. Rode o projeto em modo de desenvolvimento

yarn dev

Acesse http://localhost:5173 no navegador para visualizar a aplicação.

4. Build de produção

yarn build

About

Front-end SPA para cadastro de dados, desenvolvido com React, TypeScript e Material UI (MUI).

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published