Skip to content

Qasim-Soomro/Manga-Knight

Repository files navigation

πŸ“š MangaKnight

MangaKnight is a modern web application with a clean and responsive interface that allows users to browse, search, and read manga online.

πŸš€ Live Demo

Check out the live version here:
πŸ‘‰ MangaKnight on Replit


πŸ”₯ Features

  • 🧭 User-friendly interface for smooth navigation
  • πŸ“± Fully responsive design
  • πŸ” Search bar for quick manga discovery
  • πŸ“– Seamless manga reading experience
  • ❀️ Favorite/save manga titles
  • πŸŒ™ Dark mode toggle
  • πŸ” User authentication & sessions

πŸ› οΈ Tech Stack

Frontend

  • React
  • Tailwind CSS
  • Vite

Backend

  • Node.js
  • Express.js
  • Drizzle ORM

Database

  • PostgreSQL

Other

  • Prisma (for migrations)
  • Replit (for deployment)

πŸ§ͺ Getting Started

Prerequisites

  • Node.js
  • PostgreSQL

πŸ—‚οΈ Project Structure

MangaKnight/ β”œβ”€β”€ public/ # Static assets β”œβ”€β”€ server/ # Backend logic (Express) β”œβ”€β”€ src/ # Frontend (React) β”‚ β”œβ”€β”€ components/
β”‚ β”œβ”€β”€ pages/ β”‚ β”œβ”€β”€ styles/ β”œβ”€β”€ .env # Environment variables β”œβ”€β”€ package.json
└── vite.config.ts

🀝 Contributing

Contributions, suggestions, and improvements are welcome! Fork the repository and submit a pull request.

πŸ“„ License

This project is licensed under the MIT License.

Installation

# 1. Clone the repository
git clone https://github.com/your-username/MangaKnight.git
cd MangaKnight

# 2. Install dependencies
npm install

# 3. Configure environment variables
cp .env.example .env  # then edit .env with your database and auth values

# 4. Run database migrations
npx prisma migrate dev

# 5. Start the server
npm run dev

About

🌟 A modern full-stack web app for browsing and reading manga online β€” built with React, Tailwind CSS, Express, and PostgreSQL.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages