Reimi

One of the first projects I built using Next.js. Through it, I learned how to work with both RESTful and GraphQL APIs, and gained foundational experience in project structuring with Next.js. Although mobile responsiveness was never completed, this project marked a meaningful step forward in my development journey.

You can explore the project on GitHub: https://github.com/4nglp/Reimi
Or try the live version here: https://reimi.vercel.app

Home Page

A simple, incomplete layout where I used Swiper to display a banner of recommended titles.

Browse Page

A listing page showcasing the latest 50 manga updates retrieved from the MangaDex API.

Search Page

After submitting a search query, users are redirected to a page displaying entries that match the query.

Details Page

Clicking an entry from any page leads here, where detailed information is fetched from AniList's GraphQL API and chapters from MangaDex.

Chapter Page

Users can read chapters by selecting one from the chapter list. The chapter reader is simple and functional.

Note: This project is currently on hold and remains incomplete. It lacks the Library page, mobile responsiveness, and a 'Mark as Read' feature (planned via localStorage).