Skip to content

Website para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.

Notifications You must be signed in to change notification settings

joaoplgaspar/animeRank-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

AnimeRank - HTML5, JS, SASS

Static Badge

Website para descobrir e rankear seus animes preferidos. Criado apenas com HTML5, SASS e JavaScript.

🪧 Vitrine.Dev
✨ Nome AnimeRank
🏷️ Tecnologias html5, sass, javascript
🚀 URL https://anime-rank-js.vercel.app

AnimeRank Gif)


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.

🔨 Funcionalidades do projeto

  • Funcionalidade 1: Ver todos os animes que existem até o momento

image

  • Funcionalidade 2: Pesquisar por animes (Em desenvolvimento)
  • Funcionalidade 3: Abrir card com várias informações do anime

image

  • 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

image

  • 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)

AnimeRank Gif Tela Ver Mais

✔️ 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