Skip to content
Andi Muhammad Aqil
All projects
Learning project

YumeFind

An anime search website powered by the AniList API.

Built with
  • React
  • AniList API
Key capability
Live anime search with a detail page for every title
Source code(opens in a new tab)Live demo(opens in a new tab)
YumeFind home page: “Every search begins with a dream” headline, a title search bar with filters, and a trending anime

Overview

YumeFind lets you search for anime and browse real-time data from the AniList API. I built it as a learning project focused on API integration, state management and component-based architecture.

Features

  • Anime search
  • Real-time data from the AniList API
  • Titles, synopses, ratings, episode counts and images
  • A dedicated detail page for each anime

Technology

  • React

    Component-based UI and state management.

  • AniList API

    Real-time anime data: titles, synopses, ratings, episodes and images.

Screenshots

A grid of highest-rated anime with posters, scores, year, format and episode counts
Browse the highest-rated titles.
The detail page for Frieren: Beyond Journey’s End with score, rank, popularity, genres and synopsis
Each title has its own detail page.

What I practiced

  • API integration
  • State management
  • Component-based architecture

Next project

Paw & PreferencesA swipe-style cat preference app powered by the CATAAS API.View project
Three phone screens of Paw & Preferences: the swipe guide, a cat card to swipe, and the results with liked cats

Want to work together? Get in touch.

Email meContact page
17 results