ScraperGO website Example: Toonstop
ScraperGO has created a user-friendly website using Next.js, Tailwind CSS, and The website interacts with the ScraperGO API to provide users with a seamless manwha reading experience. Let’s explore the main features:
1: Home Screen
* The home screen displays a list of manwha titles obtained from the /api/manwha/home/1?mature=0 endpoint.
* Each manwha entry on the home screen includes the manwha’s cover image, title, and other relevant information.
* Users can click on a manwha title to navigate to the manwha details page.
2: Details Screen
* When a user clicks on a manwha title, it opens the manwha details page, utilizing the /api/manwha/[manwhaId] endpoint.
* The manwha details page showcases the cover image, title, author, status, genres, view count, and a list of chapters.
* Users can click on a specific chapter to navigate to the chapter details page.
3: Chapter Screen
* Upon selecting a chapter, the website uses the /api/manwha/[manwhaId]/[chapter] endpoint to fetch details about the selected chapter.
* The chapter details page presents the chapter title, a list of other chapter titles, and individual images for each page of the chapter.
* Users can navigate through the pages and enjoy reading the manwha.