{"id":20375657,"url":"https://github.com/juliolmuller/american-election","last_synced_at":"2026-05-01T20:31:57.126Z","repository":{"id":110655658,"uuid":"312424471","full_name":"juliolmuller/american-election","owner":"juliolmuller","description":"Project developed as part of College Assignment. ","archived":false,"fork":false,"pushed_at":"2025-04-03T07:04:36.000Z","size":2132,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-03T03:40:05.463Z","etag":null,"topics":["election","javascript","react","ufpr"],"latest_commit_sha":null,"homepage":"http://american-election.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/juliolmuller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2020-11-12T23:52:42.000Z","updated_at":"2025-04-03T07:04:08.000Z","dependencies_parsed_at":"2025-04-03T08:20:45.809Z","dependency_job_id":"30fd6dee-16ac-46c0-9cd7-dd3ce10ffdc9","html_url":"https://github.com/juliolmuller/american-election","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"purl":"pkg:github/juliolmuller/american-election","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Famerican-election","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Famerican-election/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Famerican-election/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Famerican-election/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/juliolmuller","download_url":"https://codeload.github.com/juliolmuller/american-election/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juliolmuller%2Famerican-election/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32512662,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["election","javascript","react","ufpr"],"created_at":"2024-11-15T01:32:20.449Z","updated_at":"2026-05-01T20:31:57.095Z","avatar_url":"https://github.com/juliolmuller.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  🤪 American Election\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#trophy-lessons-learned\"\u003eLessons Learned\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#rocket-technologies--resources\"\u003eTechnologies\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003ca href=\"#hammer-setting-up-the-environment\"\u003eEnvironment Setup\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.shields.io/static/v1?labelColor=000000\u0026color=24243e\u0026label=created%20at\u0026message=Nov%202020\" alt=\"Creation Date\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/github/last-commit/juliolmuller/american-election?label=updated%20at\u0026labelColor=000000\u0026color=24243e\" alt=\"Update Date\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/github/v/tag/juliolmuller/american-election?label=latest%20version\u0026labelColor=000000\u0026color=24243e\" alt=\"Latest Version\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/static/v1?labelColor=000000\u0026color=24243e\u0026label=PRs\u0026message=welcome\" alt=\"Pull Requests Welcome\" /\u003e\n\n  \u003cimg src=\"https://img.shields.io/github/license/juliolmuller/american-election?labelColor=000000\u0026color=24243e\" alt=\"Project License\" /\u003e\n\u003c/p\u003e\n\n![Application snapshot](./src/assets/app-overview.jpg)\n\nApplication developed as an assignment to college, subject Development for Mobile Devices, at UFPR, in order to learn building React applications firstly on web, so we can move on to React Native. The project seeks to apply knowledge in functional components, components communication (via *props* and *lifting state up*) and state management with Hooks.\n\n[Check out the application running!](https://american-election.vercel.app/)\n\nThe proposal was to build a simple **votes counter system** with hard-coded candidates and, after finishing the input, display the rank of the most voted ones. A good-looking app may earn extra points 😍.\n\n## :trophy: Lessons Learned\n\n- Functional components;\n- React Hooks (and custom Hooks);\n- Synchronized state update ([see nice article](https://medium.com/javascript-in-plain-english/commons-mistakes-with-react-usestate-hook-and-how-to-prevent-them-43c811ca7451));\n\n## :rocket: Technologies \u0026 Resources\n\n**Frontend:**\n- React.js 17\n- Create-React-App\n- Animate.css\n\n**Development:**\n- Visual Studio Code\n- NPM routines\n\n## :hammer: Setting up the Environment\n\nMake sure to have **Node.js 10+** installed in your machine and its **npm** available in the command line, then use the following routines:\n\n```bash\n$ npm install     # download dependencies\n$ npm run serve   # run development server\n$ npm run build   # build files for production\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuliolmuller%2Famerican-election","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuliolmuller%2Famerican-election","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuliolmuller%2Famerican-election/lists"}