Skip to content

A full-stack web application for reading manga/books, built using Next.js 14, Tailwind CSS, and NextAuth for authentication. This app is designed to deliver a seamless and responsive user experience with fast page load times and scalable features.

Notifications You must be signed in to change notification settings

siwachs/MangaReader

Repository files navigation

Manga Reader

A full-stack web application for reading manga/books, built using Next.js 14, Tailwind CSS, and NextAuth for authentication. This app is designed to deliver a seamless and responsive user experience with fast page load times and scalable features.

Live Demo:

Visit Manga Reader

What's New in Version 2.0:

  • Enhanced UI: Improved user interface for a more intuitive and visually appealing experience.
  • Improved Load Time: Further optimized performance with faster load times.
  • Proper Loading Indicators: Introduced dynamic loading indicators for better user feedback.
  • Recommended for You Section: Personalized recommendations based on user preferences.
  • SEO Improvements: Enhanced SEO for better search engine visibility and ranking.
  • Lazy Load Components: Components are now lazy-loaded to enhance performance.
  • Infinite Scroll: Added infinite scroll for a seamless reading experience.
  • Nested Comment System: Introduced a feature-rich nested comment system for better interaction.
  • Dynamic Headers: Dynamic page headers based on content for improved navigation.

Technologies Used:

  • Next.js 14: For server-side rendering (SSR) and optimized performance.
  • Tailwind CSS: For creating a modern, responsive, and customizable user interface.
  • NextAuth: For secure and flexible user authentication.
  • MongoDB (Atlas): For content storage and management.

Features:

  • User Authentication: Secure login using NextAuth.
  • Responsive Design: Built with Tailwind CSS for a mobile-friendly experience.
  • Server-Side Rendering: Optimized for faster load times and improved SEO with Next.js.
  • Admin Panel: Manage content, users, and track analytics.

Important Notice:

The UI design references Mangatoon and uses the same trademark logo. If you're going to use this app, please change the trademark logo to avoid conflicts.

Setup:

  1. Clone the repository.
  2. Install dependencies: npm install.
  3. Set up MongoDB Atlas with your credentials.
  4. Run the app: npm run dev.

MongoDB Atlas Email:

[email protected]

About

A full-stack web application for reading manga/books, built using Next.js 14, Tailwind CSS, and NextAuth for authentication. This app is designed to deliver a seamless and responsive user experience with fast page load times and scalable features.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published