Aplicativo web para apurações dos resultados da eleições de 2022 para presidente.

Related tags

Learning resource apuracoes-app
Overview

APP de Apurações dos Resultados das Eleições de 2022

https://apuracoes-eleicoes-2022.netlify.app/

Trata-se de um aplicativo minimalista com o objetivo de apresentar os resultados das eleições de 2022 para presidente, com um botão que atualiza os resultados sempre que clicado.

image

Dados do TSE https://dadosabertos.tse.jus.br/dataset

API utilizada https://resultados.tse.jus.br/oficial/ele2022/544/dados-simplificados/br/br-c0001-e000544-r.json

Abaixo está o modelo de layout do aplicativo com toda parte de estilo feita com Tailwind CSS https://tailwindcss.com/

image

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

Comments
  • Change tab icon

    Change tab icon

    Currently tab icon used is that default of React. I wanna change it and put something with the same purpose of the application, something about Brazilian elections.

    image

    I was thinking that it's also better change title to Portuguese once the application is in the Portuguese language.

    image

    Here you are some suggestions

    • pt_br = Resultados das Eleições
    • pt_br = Eleições Brasileira
    • pt_br = Apurações
    enhancement 
    opened by igords-goncalves 3
  • Create new feature to

    Create new feature to "2º Turno" or second round

    Create a new feature to change screen between first and second round called in Portuguese "2º Turno" of Brazilian's elections.

    A button has been created to this functionality, so when user click on button new results about the candidates on second round and new datas will be rendered on screen. The ideia is to do everything using React Router and to consume a new API of second round.

    image

    enhancement 
    opened by igords-goncalves 2
  • Changes on header to second round feature

    Changes on header to second round feature

    With the feature second round some changes on header have to be made.

    • [x] Change current date of results
    • [x] Change only the button label without render a new component, using the same component
    • [x] Exclude candidates of first round
    • [x] Consume datas of API second round

    Originally posted by @igords-goncalves in https://github.com/igords-goncalves/apuracoes-app/issues/8#issuecomment-1296282713

    enhancement 
    opened by igords-goncalves 1
  • Fix logic of political party

    Fix logic of political party

    Currently I'm not consuming the political party from coming API. It has been made manually sending a string as a prop, so I need consuming this data from API, and manipulate them using a logical to get the main political party of candidate generally first 3 or 4 letters of political party datas from JSON.

    1. How it receives props currently image

    2. How it sends currently the political party as a string manually image

    3. How it comes from API in JSON

    image

    In that case bellow you can see the political party as MDB

    image

    bug 
    opened by igords-goncalves 1
  • Develop

    Develop

    95% of the project done, it's just missing some features that could be made in another branch later.

    • Create a function to 'Atualizar' button.
    • Fix a bug on party of each candidates.
    opened by igords-goncalves 1
Owner
Igor Gonçalves
Front-end Developer who loves JavaScript.
Igor Gonçalves
GitHub
Meus resultados para os desafios de logica intertribo da Turma-016 A vs B

dollynho_wars Resultados: Bruno Marques - https://www.linkedin.com/in/00brunomarques/ Preparados para o Dollynho Wars? Como será? como pode ver temos

Bruno Marques 4 Jul 21, 2022
Overlay dos brasileiros, a partir do Discord, no r/place 2022

[Instruction available in English below] - Instruções de uso do overlay do r/brasil no r/place 2022 INSTRUÇÕES PARA USAR O OVERLAY: Instale o TamperMo

null 8 Sep 20, 2022
Uma aplicação criada com react-native para armazenar as skills dos usuários cadastrados.

SkillsClass Aplicação focada no gerenciamento de skills dos usuários cadastrados. Uma aplicação desenvolvida no ignite da Rocketseat com alguns toques

Carlos Ferreira 1 Dec 25, 2021
Seu aplicativo favorito de afarezes

Seu aplicativo favorito de afarezes Tabela de Conteúdos Sobre • Funcionalidades • Layout • Tecnologias • Status do Projeto • Autor Licença Sobre Um Ap

Jailson Santos 2 Mar 3, 2022
Educare é um projeto que visa auxiliar os estudos dos alunos por meio da resolução de questões. Front-end construído com Next.js.

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Tarso Jabbes 3 Feb 6, 2022
Toggles the visibility of completed and canceled to-dos

Logseq Wide Eyed Plugin Toggles the visibility of completed and canceled to-dos. Toggling is controlled by the eye appearing in the toolbar. It has op

Mario T. Lanza 10 Sep 13, 2022
A simple To Do List application that allows users to save, edit, mark completed, and delete their to-dos, and save their list when application is closed. Build with JavaScript.

To Do List A simple To Do List online application that allows users to save, and manipulate their to-dos, and save their list when application is clos

Mahmoud Rizk 10 Dec 20, 2022
Uma Api dos 151 primeiros pokemons utilizando NodeJS, Typescript, Docker, MongoDB e Mongoose.

Pokedex API Tópicos Preview Sobre o Pokedex Api Tecnologias Instalação e uso Preview Clique aqui para ter acesso a um preview da Api. Sobre o Pokedex

Marlon Lacerda 3 Nov 27, 2022
Código-fonte do site dos Guardians UFCG.

Guardians UFCG Esse é o repositório com o código-fonte do site dos Guardians UFCG. User Interface Nosso Front-end será baseado nesse documento do Figm

Guardians UFCG 4 Oct 22, 2022
Repositório contendo o desafio para seleção do StartDB 2022.

O desafio da forca Olá! Você está prestes a iniciar o nosso desafio para a seleção do StartDB. Se você chegou aqui sem conhecer o StartDB, você pode e

<db> 55 Dec 13, 2022
Proyecto de encriptasion, echo para el curso de Oracle Next Education 2022

Encriptador Proyecto de Encriptador, echo para el curso de Oracle Next Education 2022. Link directo al proyecto desplegado Link al Encriptador Instruc

Bernardo Abel Lopez 14 Dec 28, 2022
Extensión para crear el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion

?? Platzi Cover Extensión para extraer el icono y cover de un curso en Platzi para organizar la toma de apuntes en Notion ?? Instalación Descargar el

Juan Galvis 7 Nov 15, 2021
Telegram'da belirlediğiniz dakika, saat ve gün aralığında size istediğiniz para ve kripto para biriminin anlık fiyatını mesaj olarak gönderiyor.

Telegram Cryptocurrency Notification Bot Telegram'da belirlediğiniz dakika, saat ve gün aralığında size istediğiniz para ve kripto para biriminin anlı

İbrahim Can Mercan 18 Nov 23, 2022
Este projeto é um boilerplate completo, constantemente atualizado, configurado nos mínimos detalhes para servir de base para projetos profissionais do mais alto nível.

Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA ?? Sobre o Projeto Este projeto é um boilerpl

Éverton Toffanetto 14 Aug 21, 2022
Suplemento para Excel para auxiliar na elaboração de cálculos judiciais.

Getting Started with Create React App and Fluent UI This is a Create React App based repo that comes with Fluent UI pre-installed! Available Scripts I

null 4 Jul 6, 2022
Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma locadora de filmes fictícia.

gamabuster Repositório criado para prática do dia 14/05 utilizando nodeJs, express, nodemon e MVC. Como base utilizamos o modelo ER criado para uma lo

Délio Costa 3 May 18, 2022
Bot para enviar lembretes no Telegram para escalação do seu time no fantasy game Cartola

©️ E aí, cartoleiro, já escalou seu time no Cartola hoje? Não deixa para última hora! como eu Entre aqui no grupo do Telegram agora mesmo ;) O que é o

Lais Frigério 63 Nov 23, 2022
Back-end desenvolvido com NodeJS, TypeScript, Prisma e Express para prover dados para as aplicações em desenvolvimento.plicações do evento NLW eSports.

NLW eSports Back-End Aplicação back-end para surprir as necessidades de dados das demais plataformas desenvolvidas que são citadas mais abaixo. Este s

Felippe Rian 2 Sep 17, 2022
Ferramenta desenvolvida para migrar dados de um banco de dados Sqlite para Postgres.

Sqlite to Postgres Migration Ferramenta desenvolvida para migrar dados de um banco de dados Sqlite para Postgres. Atualmente você pode: Pegar os dados

Tulio Calil 5 Dec 15, 2022