Skip to content

liara987/manga-project

Repository files navigation

MangaProject - Your Global Library of Comics

MangaProject is a web application developed in Angular that offers an immersive experience for comic enthusiasts worldwide. Featuring comics from Japan, Korea, and China, the platform allows users to read their favorite works translated into various languages, fostering cultural exchange and global appreciation of these stories. It aims to make comics accessible globally, connecting readers from different cultures and languages. With an intuitive and feature-rich interface, the platform celebrates cultural diversity, delivering a unique experience for comic fans around the world.

Key Features

Multicultural Library:

  • Access to popular comics such as manga (Japan), manhwa (Korea), and manhua (China).

Multilingual Translations:

  • Available in languages like English, Portuguese, Spanish, and more, catering to a global audience.

Interactive Reader:

  • Responsive reading interface with options for zoom, page navigation, and night mode for a comfortable experience.

Search:

  • Advanced search tools to find titles.

Technologies Used

Angular [17.1.0]: Framework for developing a fast, dynamic, and scalable interface.

TypeScript: Ensures robust and well-structured code.

SCSS: Modern and responsive styling for a visually appealing interface.

RESTful API: Integration with external services to provide updated content and high-quality translations.

Screenshots

Desktop

Home Responsive

title

Carousel

title

Show More button

title

Search

title

Manga Detail

title

Pagination

title

Change Chapter

title

Go to Top Button

title


Mobile

Carousel

title

Search

title

Folder Structure

The main folders are

  • app: where all the components are
    • pipe: all the custom pipes to format languages
    • services: all services to acess manga information
  • assets: has all the the internal images and logo

API Documentation

This project uses MangaDex API to get all the manga information.

Contact Information