How to

• 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 seguida npx sequelize-cli db:seed:all no seu CMD
• E basta abrir outro CMD para rodar ambos projetos. ng serve para rodar o front e npm run dev para rodar a api

Descrição

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.

Recursos Principais:

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.

Autor

© Lucas de Morais Nascimento

• Portfólio