Title CRUD
O projeto title_crud é uma aplicação frontend completa, desenvolvida com Next.js, TypeScript, Tailwind CSS e Shadcn UI, projetada para consumir a API backend college_api e fornecer uma interface de usuário intuitiva e eficiente para gerenciar os dados da tabela de títulos acadêmicos.
Funcionalidades Principais:
- Listagem de Títulos: Exibição clara e organizada dos dados da tabela de títulos em uma tabela responsiva, permitindo fácil visualização e navegação.
- CRUD Completo: Implementação completa das operações de Criar, Ler, Atualizar e Deletar (CRUD) para os títulos, permitindo a gestão completa dos dados.
- Formulários Interativos: Formulários intuitivos e validados para a criação e edição de títulos, garantindo a integridade dos dados.
- Feedback Visual: Notificações e mensagens de feedback claras para informar o usuário sobre o status das operações, como sucesso, erro ou confirmação.
- Temas Claro e Escuro: Implementação de um sistema de temas claro e escuro, permitindo ao usuário escolher a preferência visual da aplicação.
- Design Responsivo: Layout responsivo que se adapta a diferentes tamanhos de tela, garantindo uma experiência de usuário consistente em dispositivos desktop e móveis.
Tecnologias Utilizadas:
- Next.js: Framework React para construção de aplicações web otimizadas e de alto desempenho.
- TypeScript: Linguagem de programação que adiciona tipagem estática ao JavaScript, melhorando a segurança e a manutenibilidade do código.
- Tailwind CSS: Framework CSS utilitário que permite a criação de interfaces de usuário personalizadas de forma rápida e eficiente.
- Shadcn UI: Biblioteca de componentes React reutilizáveis e acessíveis, que seguem as melhores práticas de design e desenvolvimento.
Objetivo do Projeto:
O projeto title_crud foi desenvolvido como requisito para a disciplina de Programação III, com o objetivo de demonstrar os conhecimentos adquiridos em desenvolvimento frontend com Next.js, TypeScript, Tailwind CSS e Shadcn UI. A aplicação serve como um exemplo prático de como construir uma interface de usuário completa e interativa para consumir uma API backend e gerenciar dados de forma eficiente.
Como rodar esse projeto
Requisitos
Execução
-
Clone esse repositório
git clone https://github.com/Pablo-Sts/title_crud
-
Acesse o diretório do projeto:
cd title_crud
-
Copie as variáveis de ambiente listads e crie um arquivo .env e preencha com as seguintes informações:
NEXT_PUBLIC_API =
-
Instale as dependênciads do projeto com o comando npm i.
-
Abra um terminal na pasta do projeto e execute o comando npm run dev para executar o projeto.
Preview
Links úteis
React
Next.js
Tailwind CSS
TypeScript
