Giter VIP home page Giter VIP logo

luckyindraefendi / mangazuna Goto Github PK

View Code? Open in Web Editor NEW
4.0 1.0 6.0 1.01 MB

This is a FullStack Manga app project, based on Next JS. by utilizing the API from MangazunaAPI

Home Page: https://www.mangazuna.xyz

License: GNU General Public License v3.0

JavaScript 0.30% TypeScript 98.18% CSS 1.52%
manga manga-online manga-reader mangadex manhua manhwa mysql next-auth nextjs postgresql prisma reactjs tailwindcss mangazuna read-manga-online

mangazuna's Introduction

license fork stars

Preview Mangazuna

main

More Screenshots
Home page after you login
main
Profile Page
Detail Page

Read Page

Introduction

Mangazuna is an Manga,Manhwa,Manhua Reader website made possible by Mangazuna API build with NextJS and Tailwind with a sleek and modern design that offers Mangazuna integration to help you keep track of your favorite anime series. Moopa is entirely free and does not feature any ads, making it a great option for you who want an uninterrupted viewing experience.

Features

  • General
    • User-friendly interface
    • Free ad-supported Reading service
    • Mobile-responsive design
    • Next Auth Login
    • Auto Sync with MangazunaAPI
    • PWA Supported Features
    • OpenGraph Supported Features
  • Watch Page
    • Player
      • Autoplay next episode
      • Skip op/ed button
      • Theater mode
    • Comment section
  • Profile page to see your watch list

Bug Report

If you encounter any issues or bug on the site please head to issues and create a bug report there.

For Local Development

  1. Clone this repository using :
git clone https://github.com/LuckyIndraEfendi/Mangazuna.git
  1. Install package using npm :
npm install
  1. Create .env file in the root folder and put this inside the file :
NODE_ENV="change NODE_ENV to production if you want to deploy"
NEXT_PUBLIC_DOMAIN="http://example/com"
DATABASE_URL="Using Provider MySQL Prisma"
NEXTAUTH_URL="Your Domain or localhost for Development"
NEXTAUTH_JWT_SECRET="Your Next Auth JWT Secret"
NEXTAUTH_SECRET="Your Next Auth Secret"
NEXT_MANGAZUNA_APIURL="DM me for get API URL"
NEXT_MANGAZUNA_APIKEY="DM me for get API KEY"
NEXT_PUBLIC_DISQUS_SHORTNAME="Your Disqus Shortname"
  1. Generate Prisma :
npx prisma migrate dev
npx prisma generate

### NOTE
# If you get a vercel build error related to prisma that says prisma detected but no initialized just change the following line in package.json line number 8
"build": "next build" to > "build": "npx prisma migrate deploy && npx prisma generate && next build"
  1. Add this endpoint Rest API Anime Indo : Deploy your Rest API Mangazuna Using Vercel or other platform
https://{your-website-api-url}
  1. Start local server :
npm run dev

Credits

  • MangazunaAPI
  • moopa for inspiring me making this site

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Contact

Thank You for passing by!! If you have any questions or feedback, please reach out to us at [email protected], or you can join our discord sever
or you can DM me on Discord KyoukaLive or Instagram lucz.code. (just contact me on one of these account)

Discord Banner

Support This Project

โœจ Star this project

ko-fi
Trakteer Saya

mangazuna's People

Contributors

luckyindraefendi avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

mangazuna's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.