{"id":21353146,"url":"https://github.com/joaoplgaspar/animerank-react","last_synced_at":"2026-04-12T20:38:27.119Z","repository":{"id":185389839,"uuid":"673474693","full_name":"joaoplgaspar/animeRank-React","owner":"joaoplgaspar","description":"Site para descobrir animes ou rankear seus animes preferidos. Sendo desenvolvido com React JS com a API ANILIST.","archived":false,"fork":false,"pushed_at":"2023-08-01T19:20:45.000Z","size":7487,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-22T17:27:00.804Z","etag":null,"topics":["alura","anilist-api","animes","api","context","context-api","html","html5","javascript","rank","react","reactjs","reactrouterdom","sass","scss","singlepageapplication","spa","vitrinedev"],"latest_commit_sha":null,"homepage":"https://animerank-react.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joaoplgaspar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-08-01T17:53:10.000Z","updated_at":"2023-08-01T18:27:18.000Z","dependencies_parsed_at":null,"dependency_job_id":"b10d250b-5eae-480e-9e4f-5e9ba3f440a0","html_url":"https://github.com/joaoplgaspar/animeRank-React","commit_stats":null,"previous_names":["joaoplgaspar/animerank-react"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joaoplgaspar","download_url":"https://codeload.github.com/joaoplgaspar/animeRank-React/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243826777,"owners_count":20354220,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["alura","anilist-api","animes","api","context","context-api","html","html5","javascript","rank","react","reactjs","reactrouterdom","sass","scss","singlepageapplication","spa","vitrinedev"],"created_at":"2024-11-22T03:16:41.524Z","updated_at":"2026-04-12T20:38:22.077Z","avatar_url":"https://github.com/joaoplgaspar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e \u003cimg src=\"https://github.com/joaoplgaspar/animeRank-React/assets/130015259/6865cca8-8a45-4207-80d4-2547d38e9fa9\"/\u003e AnimeRank - ReactJS \u003c/h1\u003e\n\n![Static Badge](https://img.shields.io/badge/Status-_Em%20Desenvolvimento-yellow?style=for-the-badge)\n\nSite para descobrir animes ou rankear seus animes preferidos. Sendo desenvolvido com React JS com a API ANILIST.\n\n| :placard: Vitrine.Dev |     |\n| -------------  | --- |\n| :sparkles: Nome        | **AnimeRank REACTJS**\n| :label: Tecnologias | react, html5, css3, javascript\n| :rocket: URL         | https://animerank-react.vercel.app\n\n\u003chr\u003e\n\n\u003cdiv align=center\u003e\n  \u003cimg src=\"https://github.com/joaoplgaspar/animeRank-React/assets/130015259/0a9b33af-bebc-45cd-bd47-c6ae27542bfa#vitrinedev\" alt=\"AnimeRank GIF\"/\u003e\n\u003c/div\u003e\n\n\u003chr\u003e\n\n## Resumo do projeto\n\nO AnimeRank é um projeto que tem como propósito descobrir e rankear animes pelos usuário, que são salvos localmente no seu computador e dessa maneira poder compartilhar ao mundo seu próprio rank ou manter para si mesmo como forma de recordação de seu histórico. O projeto foi iniciado em apenas HTML, SCSS e Javascript, mas com a proporção do projeto decidi utilizar o react como forma de estudo e aprendizado para a linguagem, priorizando a reutilização de componentes e estilos, novas funcionalidades e entre outros. Utilização como Single Page Application (SPA) com React router dom, contextos, localStorage e manipulação de API\n\n\n![Imagem AnimeRank](https://github.com/joaoplgaspar/animeRank-React/assets/130015259/9f077a68-3c24-44df-abb7-2f8abb64e332)\n\n\n# :hammer: Funcionalidades do projeto\n\n- `Funcionalidade 1`: Ver informações do anime, como descrição, titulo e popularidade pelo card\n- `Funcionalidade 2`: Adicionar e remover animes da sua lista de animes\n\n  ![AnimeRank Funcionalidades GIF](https://github.com/joaoplgaspar/animeRank-React/assets/130015259/be71b3bb-b444-463f-adb5-dec4c10f4ae7)\n\n\n## ✔️ Técnicas e tecnologias utilizadas\n- ``ReactJS, Html5, Sass``\n- ``Manipulação do estado do objeto com useState``\n- ``Single Page Application (SPA) com React Router Dom``\n- ``Contextos com useContext``\n- ``localStorage``\n- ``Manipulação de entrega e recebimento de dados de uma API``\n\n# 🛠️ Abrir e rodar o projeto\n\n**Utilize `npm install` dentro da pasta do projeto para baixar suas pendências**\n\n**A seguir `npm start` para iniciar o projeto**\n\n\n## API por ANILIST\n\n\u003cimg src=\"https://github.com/joaoplgaspar/animeRank-JS/assets/130015259/d57fc581-4c8c-4155-9a02-1689ebcf94ba\" width=200 /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaoplgaspar%2Fanimerank-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoaoplgaspar%2Fanimerank-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaoplgaspar%2Fanimerank-react/lists"}