Introductionh3

Full-stack comic reading School Projects app, supporting role-based access, basic CRUD and social interaction. Inspired UI from docln.net and Wattpad

Featuresh3

Authentication & Users:

• Registration and login with JWT authentication
• Role-based access: Admin, Author, Reader
• Profile management and author following

Story Management:

• Create, edit, delete stories
• Tag assignment and genre categorization
• Publish/Unpublish chapters

Reading Experience:

• Responsive interface
• Auto-save reading position (Continue Reading)

Social Interaction:

• Threaded comments and replies
• Story reviews and ratings (1-5 stars)

Search & Discovery:

• Search by title, description, tags
• Filter by genre, length, update time

Screenshotsh3

Tech Stackh3

Frontend

• React 19.2.0
• React Router 7.9.4
• Tailwind CSS 4
• Axios

Backend

• Node.js 18+ with Express 4.18
• MySQL
• JWT Authentication
• Swagger UI (API Documentation)

DevOps

• Docker & Docker Compose
• Hot-reload for development
• Seed data

Quick Starth3

# Clone and run with Docker
docker-compose up -d --build

# Seed sample data
docker exec webtoon-backend node database/seed.js

Services:

• Frontend: http://localhost:3000
• Backend API: http://localhost:4000
• API Docs: http://localhost:4000/docs