MangaHaven

Your ultimate destination for manga and anime content

Made with ❤️ by Shilesh , Shivam and Ashutosh

MangaHaven is a modern manga reading platform that combines stunning visuals with seamless performance. Our mission is to provide manga enthusiasts with an immersive reading experience through an intuitive interface and comprehensive library.

MangaHaven have a full blown admin pannel with a lot of features , add new manga , edit , delete , and a lot more

👥 Contributors

Low Level Design (LLD)

• Prod Deployment [AWS EC2 + Docker] - https://mangaheaven.elitedev.tech
• Develop V3 Deployment [Vercel] - https://manga-haven-v3.vercel.app
• Develop V2 Development [Vercel] - https://manga-heaven-v2.vercel.app

Tech Stack Map

• 1 Sept 2024 - Started the project with Next.js 13 and Tailwind CSS and Prisma ORM and PostgreSQL Database with basic features like Login , Register , Manga Library , and Single Reading page, etc.

• 30 Sept 2024 - MangaHaven V1 Done

• Update 20 Jan 2025 - Create New Landing Page with new UI and new features

• Update 16 Apr 2025 - Added Full Blown Admin Pannel with a with added updating etc.. options for manga and chapters

• Update 22 Apr 2025 - Added new features like Search , Filter , Sort , Pagination , etc..

• 22 Apr 2025 - MangaHaven V2 Done

• Update 2 Oct 2025 - Migrated the Codebase to Next.js 15 and Turbopack

• Update 12 Oct 2025 - Added Zustand for state management , imporved Code Quality using modular approach

• Update 22 Oct 2025 - Deploy the codebase to AWS EC2 + Nginx and Docker and Added CI/CD Pipeline using Github Actions on Vercel and EC2

• 22 Nov 2025 - MangaHaven V3 Done

  

✨ Overview

Manga Haven is a modern manga reading platform that combines stunning visuals with seamless performance. Our mission is to provide manga enthusiasts with an immersive reading experience through an intuitive interface and comprehensive library.

🚀 Features

• Extensive Manga Library: Access thousands of manga titles across various genres
• Responsive Design: Optimized reading experience on all devices
• User Profiles: Track reading progress and create personalized collections
• Advanced Search: Find manga by title, author, genre, or popularity
• Interactive UI: Smooth animations and transitions for an engaging experience

🛠️ Tech Stack

Frontend

• Next.js: React framework for server-side rendering and static site generation
• React: UI component library
• TypeScript: Type-safe JavaScript
• Framer Motion: Animation library for smooth transitions
• Tailwind CSS: Utility-first CSS framework

Backend

• PostgreSQL: Relational database for data storage
• Prisma: ORM for database access
• Docker: Containerization for consistent development and deployment

🔧 Getting Started

Prerequisites

• Node.js (v16+)
• Docker and Docker Compose
• Git

Website Gallery

Admin Pannel