Thanks to visit codestin.com
Credit goes to github.com

Skip to content

sn0w12/Akari

Repository files navigation

Icon

灯 - Akari

GitHub Actions Workflow Status GitHub commit activity Version License

Akari is a Next.js application designed to provide an enhanced manga reading experience for Manganato users. It leverages Manganato as a backend, allowing users to manage and retain their bookmarks directly within the application.

Table of Contents

Features

Reader Experience

  • Enhanced Reading Interface: Clean, modern UI optimized for manga reading
  • Multiple View Modes: Support for both individual page reading for manga and list reading for manhwa.
  • Responsive Design: Fully responsive interface that works on mobile and desktop

Manga Management

  • Genre Filtering: Browse manga by specific genres
  • Popular Manga Section: Discover trending and popular manga
  • Latest Updates: Stay informed about newly added chapters

Bookmarks and Sync

  • MyAnimeList Integration:
    • Sync with MyAnimeList (MAL) account
    • Enhanced manga information from MAL
  • Bookmark Management:
    • Sync bookmarks with Manganato account
    • Quick bookmark removal from manga pages
    • Search through bookmarked manga
    • Up-to-date chapter tracking
    • Last read chapter tracking

Settings

General

Setting Default Description
Theme System Select the application theme.
Fancy Animations Enabled Such as manga detail pages cover image.
Show Toasts Enabled Show toast notifications for various actions.
Login Toasts Enabled Show warnings when you aren't logged in to a service.

Manga

Setting Default Description
Show Page Progress Enabled Shows a progress bar at the side/ bottom when reading.
Strip Reader Width 144 Width of the strip reader.

Shortcuts

Setting Default Description
Show Shortcuts Enabled Enable or disable shortcuts
Search Manga Ctrl+K Open manga search
Toggle Sidebar Ctrl+B Toggle the sidebar
Open Settings Ctrl+, Open settings
Open Account Ctrl+. Open account page
Navigate Bookmarks Ctrl+Shift+B Navigate to bookmarks

Technical Stack

  • Frontend: Next.js 15, React 19, TailwindCSS
  • Database: Supabase integration for manga data
  • Authentication: Built-in Manganato authentication and MyAnimeList OAuth

Getting Started

Online Usage

Visit the Akari Website to start reading manga instantly.

If you have a Manganato account, press the account button in the top right and sign in to your account as normal.

Login

After you've been logged in, you can use it as you normally would.

Showcase of Pages

Front Page

FrontPage

Bookmarks

Bookmarks

Manga

Manga

Author

Author

Genre

Genre

Local Installation

If you prefer to run Akari locally, follow these steps.

Prerequisites

Before running Akari, make sure you have the following installed:

Installation

  1. Clone the repository:
git clone https://github.com/sn0w12/Akari
cd Akari
  1. Install dependencies:

If you are using yarn, replace npm with yarn.

npm install

Running the Development Server

To start the development server, run:

npm run dev

Note: When running locally, MyAnimeList authentication only works on specific localhost ports. Currently supported ports are: 3000, 3016, 3456, 3789, and 4000. You can modify the port in your package.json scripts by adding a -p flag with next dev / start.

Open http://localhost:3000 in your browser to see the application.

Production Build

To build the app for production:

npm run build
npm run start

DMCA disclaimer

The developers of this application do not have any affiliation with the content available in the app. It collects content from sources that are freely available through any web browser

About

Akari is a simple manga reader based on Manganato.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages