{"id":21353141,"url":"https://github.com/joaoplgaspar/animerank-js","last_synced_at":"2026-05-15T21:04:36.827Z","repository":{"id":185382293,"uuid":"673460926","full_name":"joaoplgaspar/animeRank-JS","owner":"joaoplgaspar","description":"Website para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.","archived":false,"fork":false,"pushed_at":"2023-08-01T17:51:01.000Z","size":1940,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-01T10:59:01.609Z","etag":null,"topics":["anime","animejs","animerank","html","html5","javascript","javascriptapi","rank","ranking","sass","scss","vitrinedev"],"latest_commit_sha":null,"homepage":"https://anime-rank-js.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:15:05.000Z","updated_at":"2023-08-01T17:40:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"5be16a56-8883-4f6a-808e-3ccfcd4c5551","html_url":"https://github.com/joaoplgaspar/animeRank-JS","commit_stats":null,"previous_names":["joaoplgaspar/animerank-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/joaoplgaspar/animeRank-JS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-JS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-JS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-JS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-JS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joaoplgaspar","download_url":"https://codeload.github.com/joaoplgaspar/animeRank-JS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joaoplgaspar%2FanimeRank-JS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33080381,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"ssl_error","status_checked_at":"2026-05-15T20:25:34.732Z","response_time":103,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["anime","animejs","animerank","html","html5","javascript","javascriptapi","rank","ranking","sass","scss","vitrinedev"],"created_at":"2024-11-22T03:16:41.232Z","updated_at":"2026-05-15T21:04:36.812Z","avatar_url":"https://github.com/joaoplgaspar.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003e AnimeRank - HTML5, JS, SASS \u003c/h1\u003e\n\n![Static Badge](https://img.shields.io/badge/Status-_Em%20Desenvolvimento-yellow?style=for-the-badge)\n\nWebsite para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.\n\n| :placard: Vitrine.Dev |     |\n| -------------  | --- |\n| :sparkles: Nome        | **AnimeRank**\n| :label: Tecnologias | html5, sass, javascript\n| :rocket: URL         | https://anime-rank-js.vercel.app\n\n\u003chr\u003e\n\n![AnimeRank Gif)](https://github.com/joaoplgaspar/animeRank-JS/assets/130015259/0f3a7950-0f15-4808-adc5-512f3e0b1e4e#vitrinedev)\n\n\u003chr\u003e\n\n## Resumo do projeto\n\nO AnimeRank é um projeto para descobrir novos animes e rankear seus animes preferidos, utilizando apenas HTML5, Sass e JavaScript. Nele é possível ver todos os animes disponiveis na API ANILIST, podendo os classificar de várias maneiras e sendo exibido de várias formas, você pode adicionar o anime para sua lista e ver mais tarde ou avaliar um anime que você já viu e fazer um esquema de RANK. As informações são salvas de meio local com o LocalStorage, ao limpar o cache do navegador é possível que sua lista seja deletada. O AnimeRank é um desafio próprio para minha evolução pessoal, vendo meus limites nas linguagens básicas, desta maneira o projeto só foi criado para fins educativos, não pretendendo ganhos em cima dele.\n\n\n# :hammer: Funcionalidades do projeto\n\n- `Funcionalidade 1`: Ver todos os animes que existem até o momento\n  \n![image](https://github.com/joaoplgaspar/venda-frutas/assets/130015259/857bb31e-d808-4771-8195-fe2f60871e8e)\n- `Funcionalidade 2`: Pesquisar por animes (Em desenvolvimento)\n- `Funcionalidade 3`: Abrir card com várias informações do anime\n  \n![image](https://github.com/joaoplgaspar/venda-frutas/assets/130015259/a8d3635b-4656-45b5-b688-b0df7123577c)\n- `Funcionalidade 4`: Adicionar anime a \"Minha Lista\" ou Rankear esse anime com uma nota e breve descrição\n- `Funcionalidade 5`: Remover ou editar animes que estão na sua lista\n  \n![image](https://github.com/joaoplgaspar/animeRank-JS/assets/130015259/3d773527-26d1-47f3-8c31-43ad063fbd94)\n- `Funcionalidade 6`: Ver o anime em uma página separada com mais informações ao clicar no \"Ver mais\"\n- `Funcionalidade 7`: Compartilhar seu card de rank de animes para todos (Em desenvolvimento)\n\n![AnimeRank Gif Tela Ver Mais](https://github.com/joaoplgaspar/animeRank-JS/assets/130015259/9d84ae99-4fdd-432e-a8ae-470ea41663c2)\n\n\n## ✔️ Técnicas e tecnologias utilizadas\n- ``HTML5, CSS3, JavaScript``\n- ``Manipulação massiva de API (Querys)``\n- ``Métodos Assincronos``\n- ``Manipulação de DOM``\n- ``LocalStorage``\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\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaoplgaspar%2Fanimerank-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoaoplgaspar%2Fanimerank-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoaoplgaspar%2Fanimerank-js/lists"}