O projeto "Cadastro Escolar" é um sistema desenvolvido em React Vite que permite visualizar e pesquisar informações de alunos em uma escola. O sistema apresenta uma lista de alunos com seus respectivos dados, como nome, turma e imagem. Além disso, possui uma funcionalidade de pesquisa que permite encontrar alunos específicos com base no nome digitado.
O objetivo do projeto é fornecer uma interface intuitiva para visualizar e pesquisar informações de alunos de forma rápida e eficiente. Ele pode ser usado por professores, administradores ou outros profissionais da escola para acessar dados dos alunos de maneira conveniente. O projeto também pode servir como uma base para o desenvolvimento de recursos adicionais, como a adição de novos alunos, edição de informações existentes e geração de relatórios relacionados ao cadastro escolar.
Visualizar lista de alunos cadastrados: O projeto apresenta uma lista completa de todos os alunos cadastrados na escola, exibindo seus nomes e outras informações relevantes. Isso permite que os usuários tenham uma visão geral dos alunos e acessem rapidamente seus dados.
Pesquisar alunos por nome: Os usuários podem pesquisar alunos digitando seus nomes no campo de pesquisa. O projeto realiza uma busca instantânea e exibe os resultados correspondentes, facilitando a localização de alunos específicos.
Exibir informações detalhadas do aluno: Ao selecionar um aluno na lista ou nos resultados da pesquisa, o projeto exibe informações detalhadas sobre o aluno, como sua turma e uma imagem associada. Isso permite que os usuários obtenham informações adicionais sobre cada aluno de forma fácil e intuitiva.
O projeto "Cadastro Escolar", me proporcionou aprendizados valiosos, incluindo:
- Aprofundamento em React e suas melhores práticas de desenvolvimento de componentes reutilizáveis e gerenciamento de estado.
- Aprendizado sobre o uso do Vite como uma ferramenta de desenvolvimento rápido para projetos React.
- Familiarização com a hospedagem estática usando o Surge para fazer o deploy do aplicativo.
- Melhoria na habilidade de solucionar problemas durante o desenvolvimento do projeto.
O principal desafio que encontrei está relacionado ao gerenciamento de estado. No entanto, com pesquisa e resiliência, consegui superar esses desafios e melhorar minhas habilidades como desenvolvedora.
Este projeto me proporcionou uma enriquecedora experiência, expandindo meu conhecimento em tecnologias e práticas de desenvolvimento web.
https://clipchamp.com/watch/bIRgcmqlrfJ
Acesse o deploy desse projeto:
https://cadastroescolar-renatasan.surge.sh/
Javascript, HTML, CSS, React, React Vite, Surge
- Certifique-se de ter o Node.js instalado em seu sistema.
- Clone este repositório:
git clone <URL_DO_REPOSITORIO> - Navegue até o diretório do projeto:
cd cadastro-escolar - Instale as dependências:
npm install
- Execute o servidor de desenvolvimento:
npm run dev - Abra o navegador e acesse:
http://localhost:3000
Contribuições são bem-vindas! Se você encontrar algum problema ou tiver sugestões de melhorias, fique à vontade para abrir uma issue ou enviar um pull request.
Este projeto está licenciado sob a MIT License.