Loading
Projects/Case Study
Full StackPersonal Project

Animadom

Animadom is a full-stack anime and manga tracking platform inspired by MyAnimeList. Users can browse catalogs, manage watchlists and readlists, rate content, and customize their profiles — all backed by a custom Node.js/MongoDB API and the Jikan API.

Role

Full Stack Developer

Year

2024

Stack

React, TypeScript, TailwindCSS

Animadom
01

The Challenge

Building a full-stack platform that mirrors the complexity of MyAnimeList while keeping the UX modern and fast. The key challenge was designing a scalable MongoDB schema for user lists and integrating the Jikan API efficiently without hitting rate limits.

02

The Outcome

Shipped a complete MERN stack application with JWT authentication, real-time watchlist updates via React Query, and smooth Framer Motion animations. The platform handles anime and manga catalogs, user reviews, and profile customization in a cohesive experience.

03

What It Does

01

User Authentication

Secure JWT-based login and registration

02

Anime & Manga Catalogs

Browse extensive collections via Jikan API

03

Search Functionality

Find content by title, genre, and type

04

Watchlist & Readlist

Track progress across anime and manga

05

Rate & Review

Share ratings and written reviews

06

User Profiles

Customizable profiles with watch history

07

Redux State Management

Efficient global state with Redux Toolkit

08

React Query Caching

Optimized API calls with smart caching

04

Gallery

Click to expand
Haider Ahmad | Full Stack Developer & UI/UX Designer