🧩 KidoPrint Monorepo

Edukasi Digital Interaktif untuk Anak — powered by Next.js, NestJS & Turborepo

---

🎯 Tentang Proyek

KidoPrint adalah platform edukasi digital interaktif yang berfokus pada penjualan dan penyediaan worksheet belajar anak-anak.
Website ini dirancang dengan tampilan casual-aesthetic, menghadirkan suasana yang ceria, hangat, dan menyenangkan bagi anak serta mudah digunakan oleh orang tua.

Proyek ini dibangun menggunakan arsitektur monorepo berbasis Turborepo, yang menggabungkan kekuatan Next.js (Frontend) dan NestJS (Backend) untuk menciptakan sistem yang efisien, terstruktur, dan scalable.

---

🚀 Tech Stack

Frontend:

• ⚡ Next.js 15 — React Framework dengan dukungan SSR & SSG
• 🎨 Tailwind CSS — Utility-first CSS framework
• 🧱 shadcn/ui — Komponen UI modern berbasis Radix
• 💡 TypeScript — Ketik yang aman, kode lebih bersih dan scalable
• 🧩 Lucide Icons — Ikon elegan dan ringan untuk UI

Backend:

• 🧩 NestJS — Framework Node.js modular dan scalable
• 💾 Prisma ORM — Database access modern
• 🐬 MySQL — Database utama untuk penyimpanan data

Workspace:

• 🌀 Turborepo — Monorepo build system untuk mengatur frontend & backend
• 🧰 Eslint + Prettier — Linting & code formatting
• 🔄 Git & GitHub — Version control & kolaborasi

---

📁 Struktur Folder

kidoprint.id/
│
├── apps/
│ ├── web/ # Frontend (Next.js)
│ └── api/ # Backend (NestJS)
│
├── packages/ # Shared utils, config, atau komponen
│
├── turbo.json # Konfigurasi Turborepo
├── package.json
└── README.md

---

⚙️ Cara Menjalankan Project

1️⃣ Clone Repository

git clone https://github.com/kecapasen/kidoprint.id.git
cd kidoprint.id

2️⃣ Install Dependencies

pnpm install

3️⃣ Jalankan Server Development

Frontend (Next.js):

pnpm --filter web dev

Backend (NestJS):

pnpm --filter server start:dev

Atau jalankan keduanya sekaligus:

pnpm dev

🧰 Scripts yang Tersedia

Command	Deskripsi
pnpm dev	Menjalankan seluruh aplikasi (web + server)
pnpm build	Build seluruh aplikasi
pnpm lint	Mengecek kualitas kode
pnpm format	Memformat kode dengan Prettier
pnpm --filter web dev	Menjalankan hanya frontend
pnpm --filter server start:dev	Menjalankan hanya backend

---

🌐 URL Default

Aplikasi	URL
Frontend (Next.js)	http://localhost:3000
Backend (NestJS)	http://localhost:5000

---

💡 Tujuan Pengembangan

🧠 Membangun platform edukasi anak yang interaktif dan mudah digunakan
🧩 Mengintegrasikan Next.js & NestJS dalam satu monorepo (Turborepo)
💼 Menjaga standar clean code, modularitas, dan skalabilitas
🎨 Menciptakan pengalaman belajar yang seru dengan desain casual-aesthetic

---

👨‍💻 Kontributor

Nama	Peran	Teknologi
Rizky Maulana	Fullstack Web Developer	Next.js, Tailwind, shadcn/ui, NestJS, Prisma, MySQL

---

🧠 Catatan Pribadi

Proyek ini dikembangkan sebagai latihan penerapan arsitektur monorepo dengan kombinasi Next.js & NestJS.
Fokus utama pengembangan adalah membangun sistem edukasi digital yang ramah anak, efisien, dan berorientasi pada pengalaman belajar yang menyenangkan.

---

📜 Lisensi

Proyek ini bersifat pribadi dan digunakan untuk keperluan pembelajaran, eksplorasi arsitektur monorepo, serta pengembangan portfolio pribadi.
Tidak untuk distribusi komersial tanpa izin tertulis.

---

_{💡 Dibangun dengan semangat oleh Rizky Maulana — 2025
“Code. Learn. Build. Repeat.”}