- Abra a pasta do projeto no CMD do seu computador
- Rode
npm i
para instalar as dependências do projeto - Configure um Banco de Dados dentro de
config
na pasta server - Rode os comandos
npx sequelize-cli db:migrate
e em seguidanpx sequelize-cli db:seed:all
no seu CMD - E basta abrir outro CMD para rodar ambos projetos.
ng serve
para rodar o front enpm run dev
para rodar a api
O projeto de Gestão de Participantes é uma aplicação web que utiliza tecnologias modernas como Angular, Sass e Node Express para proporcionar uma experiência eficiente e visualmente atraente na gestão de dados de participantes. Este sistema simplifica o processo de coleta, armazenamento e visualização de informações.
1º Formulário Dinâmico:
- Um formulário intuitivo e amigável permite aos usuários inserir dados essenciais, incluindo o primeiro nome, segundo nome e a porcentagem de participação de cada indivíduo.
2º Back-end com Node Express:
- A aplicação conta com um servidor back-end desenvolvido em Node Express, garantindo uma comunicação eficiente entre o front-end e o banco de dados.
3º Banco de Dados Eficiente:
- Os dados coletados são armazenados de forma segura e eficiente em um banco de dados MySql, garantindo integridade e disponibilidade para futuras consultas.
4º Tabela Dinâmica de Participantes:
- Uma tabela interativa exibe os dados dos participantes de maneira organizada e fácil de entender, oferecendo recursos de ordenação para uma experiência de usuário aprimorada.
5º Gráfico de Rosquinha Interativo:
- Utilizando a biblioteca Chart.js, foi implementado um gráfico de rosquinha que visualiza graficamente a distribuição da participação de cada indivíduo. Isso proporciona uma compreensão rápida e visual das porcentagens de participação.
6º Estilização Moderna com Sass:
- A aplicação destaca-se visualmente com estilos modernos e responsivos criados usando Sass. A utilização do pré-processador Sass permite uma gestão eficiente e modular dos estilos, garantindo uma manutenção fácil e uma aparência elegante.
7º Experiência de Usuário Aprimorada com Angular:
- O uso do framework Angular oferece uma experiência de usuário suave e responsiva. A aplicação é estruturada de maneira eficiente, garantindo uma interatividade otimizada e uma navegação intuitiva.
© Lucas de Morais Nascimento