Skip to content
This repository was archived by the owner on Sep 7, 2025. It is now read-only.

README.md

Latest commit

 

History

History
239 lines (172 loc) · 5.98 KB

README.md

File metadata and controls

239 lines (172 loc) · 5.98 KB

ComicHive Logo Finime

Finime — Tempat buat streaming Anime & Manga gratis, dengan UI yang modern, tanpa iklan, tanpa ribet, dan pastinya open-source. Cocok buat kamu yang suka ngulik atau sekedar nonton santai! 🚀

Node.js Bun ElysiaJS Svelte MongoDB Prisma Tailwind CSS Axios Uploader Open Source


Important

Untuk saat ini hanya support di ukuran layar Smartphone ( < 500 )


Screenshot

Home

Home Page

Anime

Anime Page

Manga

Manga Page

Profile

Profile Page

Search

Profile Page Profile Page

Istri gweh

Profile Page

Note

Website masih dalam tahap development, jadi ada kemungkin error selama kamu menggunakan website ini ( Error itu fitur 😅 ).

📋 Daftar Isi

  1. Tentang Finime
  2. Fitur Utama
  3. Stack & Library
  4. Struktur Proyek
  5. Getting Started
  6. Environment Variables
  7. Arsitektur & Alur Kerja
  8. Guidelines Kontribusi
  9. License

🔍 Tentang Finime

Finime itu proyek open-source tempat streaming Anime & Manga, gratis, dan bebas gangguan. Dibangun full-stack: frontend pakai Svelte, backend pakai ElysiaJS + TypeScript. Kamu bisa ikut nimbrung, nambah fitur, benerin bug, atau sekedar ngasih ide. Pokoknya, makin rame makin seru!

🚀 Fitur Utama

  • User Authentication (Login & Register)
  • Dashboard Admin (Buat ngatur konten & user)
  • Search Anime & Manga
  • No Ads
  • Database: MongoDB
  • Open Source

🛠 Stack & Library

Frontend

  • Svelte
  • @lucide/svelte (Icon kece)
  • js-cookie (Buat ngatur cookies auth)
  • Tailwind CSS (Styling biar cakep)
  • Axios (HTTP client andalan)

Backend

  • Elysia JS (Web framework ringan)
  • Prisma (ORM yang aman & nyaman)
  • bcrypt (Biar password aman)
  • NodeMailer (Buat kirim email & notifikasi)
  • Zod (Validasi schema, anti typo!)
  • @zanixongroup/uploader (Media Uploader)

Database

  • MongoDB

📂 Struktur Proyek

Finime
├ backend - API
├
├ frontend - UI
├
├ mobile - Android APK

⚙️ Getting Started

Prasyarat

  • Node.js v18+ & npm/yarn/bun
  • MongoDB (boleh lokal, boleh Atlas)
  • CLI Prisma (bun install -g prisma)

Cara Setup & Instalasi

  1. Clone repo dulu

    git clone https://github.com/SyntxFlow/finime.git
cd finime

  2. Setup Backend

    cd backend
bun install
cp .env.example .env
# Edit .env sesuai selera & kebutuhanmu
bunx prisma generate
bunx prisma migrate dev

  3. Setup Frontend

    cd ../frontend
npm install
cp .env.example .env
# Jangan lupa atur PUBLIC_API ke url backend kamu

Menjalankan Server

  • Backend

    cd backend
bun run dev

  • Frontend

    cd frontend
bun run dev

🔑 Environment Variables

Bikin file .env di masing-masing folder, contoh isinya kayak gini:

Backend .env

DATABASE_URL=mongodb://localhost:27017/finime

Frontend .env

Arahkan ke api backend

PUBLIC_API=http://localhost:3000

🏗 Arsitektur & Alur Kerja

  1. Client (Svelte) komunikasi ke backend (ElysiaJS) lewat Axios
  2. Semua request dicek & divalidasi sama Zod, baru lanjut ke Prisma buat urusan database
  3. Autentikasi & session pakai cookies (dengan js-cookie)

Sedang Dibuat

  • Desktop UI
  • Admin Dashboard
  • Multiple Source
  • Kecepatan / Performa

🤝 Guidelines Kontribusi

  1. Fork repo ini dulu, ya.

  2. Bikin branch baru buat fitur/bugfix:

    git checkout -b feature/nama-fitur

  3. Commit dengan pesan yang jelas & singkat.

  4. Push ke fork kamu, lalu bikin Pull Request ke main.

  5. Tenang, nanti bakal direview & di-merge kalau udah oke!

📄 License

Proyek ini pakai MIT License. Cek LICENSE buat detailnya.

Contributor

Selamat ngoding 🚀 Punya ide fitur baru atau nemu bug? Langsung aja buka issue atau submit PR!

app icon