Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

13 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎌 AniVerse (Anime Explorer)

AniVerse is a web application that allows users to explore anime using real-time data from the Jikan API. It provides a clean UI to browse, search, and view detailed information about anime.


πŸš€ Features

  • πŸ” Search anime by name
  • 🎯 Browse anime by genre
  • πŸ“‚ Multiple sections (Trending, Editor's Pick, Top Rated)
  • πŸ“„ View detailed anime information page
  • ⚑ Fast and dynamic data rendering using API

πŸ› οΈ Tech Stack

  • HTML
  • CSS
  • JavaScript
  • Fetch API

πŸ“‘ API Used

  • Jikan API (MyAnimeList unofficial API)

Example: https://api.jikan.moe/v4/top/anime


🧠 Concepts Used

  • API Integration using fetch()
  • Array Higher Order Functions:
    • filter() (search and genre filtering)
    • slice() (data grouping into sections)
    • forEach() (display data)
  • DOM Manipulation
  • Dynamic Routing using URL parameters

πŸ“‚ Project Structure

aniverse/ β”‚ β”œβ”€β”€ index.html β”œβ”€β”€ README.md β”‚ β”œβ”€β”€ CSS/ β”‚ β”œβ”€β”€ style.css β”‚ └── movie.css β”‚ β”œβ”€β”€ JS/ β”‚ β”œβ”€β”€ script.js β”‚ └── movie.js β”‚ β”œβ”€β”€ HTML/ └── movie.html

▢️ Live Demo

https://aniversewapproject.vercel.app/


🎯 Purpose

This project demonstrates JavaScript concepts like API integration, dynamic UI rendering, and use of array methods in a real-world application.


πŸ‘¨β€πŸ’» Author

MANAV

About

An anime explorer web app built using JavaScript that fetches and displays data from an API with search and sorting features and more

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages