https://github.com/joaoplgaspar/animerank-js
Website para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.
https://github.com/joaoplgaspar/animerank-js
anime animejs animerank html html5 javascript javascriptapi rank ranking sass scss vitrinedev
Last synced: 3 months ago
JSON representation
Website para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.
- Host: GitHub
- URL: https://github.com/joaoplgaspar/animerank-js
- Owner: joaoplgaspar
- Created: 2023-08-01T17:15:05.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-01T17:51:01.000Z (almost 2 years ago)
- Last Synced: 2025-01-22T17:26:59.456Z (5 months ago)
- Topics: anime, animejs, animerank, html, html5, javascript, javascriptapi, rank, ranking, sass, scss, vitrinedev
- Language: JavaScript
- Homepage: https://anime-rank-js.vercel.app
- Size: 1.85 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
AnimeRank - HTML5, JS, SASS
Website para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **AnimeRank**
| :label: Tecnologias | html5, sass, javascript
| :rocket: URL | https://anime-rank-js.vercel.app
## Resumo do projeto
O 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.
# :hammer: Funcionalidades do projeto
- `Funcionalidade 1`: Ver todos os animes que existem até o momento
- `Funcionalidade 2`: Pesquisar por animes (Em desenvolvimento)
- `Funcionalidade 3`: Abrir card com várias informações do anime
- `Funcionalidade 4`: Adicionar anime a "Minha Lista" ou Rankear esse anime com uma nota e breve descrição
- `Funcionalidade 5`: Remover ou editar animes que estão na sua lista
- `Funcionalidade 6`: Ver o anime em uma página separada com mais informações ao clicar no "Ver mais"
- `Funcionalidade 7`: Compartilhar seu card de rank de animes para todos (Em desenvolvimento)
## ✔️ Técnicas e tecnologias utilizadas
- ``HTML5, CSS3, JavaScript``
- ``Manipulação massiva de API (Querys)``
- ``Métodos Assincronos``
- ``Manipulação de DOM``
- ``LocalStorage``
## API por ANILIST
