Skip to content

Urna eletrônica com design do modelo UE2020, simulador para treinamento, feito em React + Next.js e Styled Components para treinar conhecimentos

Notifications You must be signed in to change notification settings

rmatos10/urna-eletronica

Repository files navigation

Urna eletrônica Urna eletrônica edição 2024 candidatos de Lages/SC

Projeto de aplicação web desenvolvido para treinamento de React + Next.js e Styled Components

Conteúdo

Sobre a aplicação

A Urna Eletrônica 2024 é um projeto de aplicação web desenvolvido para simular um sistema de votação dos candidatos de Lages/SC, focado no treinamento de React, Next.js e Styled Components com ThemeProvider. O sistema permite iniciar a votação simulando uma urna,
com dígitos para vereador e prefeito, a exibição de candidatos em etapas, fotos e informações detalhadas com legenda, além da possibilidade
de votar nulo ou em branco. No sistema, também foi adicionado recursos de som ao pressionar uma opção além da confirmação na etapa final. Existem componentes criados para reutilização, como o caso do botão, visando uma melhor manutenção no futuro e estilização do mesmo. O projeto está com a lógica organizada, além de estruturado por models, pages, styles e assets, para melhor compreensão. A base de dados local inclui alguns candidatos da edição 2024 da cidade de Lages/SC, com intuito apenas de demonstrar aprendizado e recursos que essas ferramentas de programação permitem elaborar.

Atenção: Esse projeto é de propósito educacional, e que não possa ser confundido com um sistema oficial de votação. Esclareço que o simulador não tem validade legal e que é apenas uma simulação. O simulador não faz nenhuma coleta de dados pessoais. Imagens retiradas do Portal de Dados Abertos do TSE

🛠️ Tecnologias

  • Front-end
    • React + Next.js
    • Styled Components para estilização.
    • File loader para adicionar áudio de .mp3

🚗 Iniciando a aplicação

Baixe o repositório com git clone e entre na pasta do projeto.

$ git clone https://github.com/rmatos10/urna-eletronica
  • Front-end
$ npm install
$ npm run dev

📸 Pré-visualização

Urna eletrônica

Urna eletrônica

Urna eletrônica

Urna eletrônica

Urna eletrônica

Urna eletrônica

Urna eletrônica

Urna eletrônica

Urna eletrônica

📧 Contato

E-mail: rafael.matosr@gmail.com

About

Urna eletrônica com design do modelo UE2020, simulador para treinamento, feito em React + Next.js e Styled Components para treinar conhecimentos

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published