ActiveAktifDec 2025

Nocbook

Personal Knowledge Management & Learning HubManajemen Pengetahuan Pribadi & Pusat Pembelajaran

OverviewGambaran Umum

Nocbook is a personal knowledge management (PKM) platform that I built to store and manage various information, from study notes, networking, projects, tasks, skill trackers, to daily activity documentation in one place.Nocbook adalah platform personal knowledge management (PKM) yang saya bangun untuk menyimpan dan mengelola berbagai informasi, mulai dari catatan belajar, networking, project, task, skill tracker, hingga dokumentasi aktivitas sehari-hari dalam satu tempat.

GoalTujuan

Build a system that can serve as a personal documentation and learning center, while exploring modern full-stack development using Next.js, Supabase, and Tailwind CSS with a focus on performance, scalability, and ease of use.Membangun sistem yang dapat menjadi pusat dokumentasi dan pembelajaran pribadi, sekaligus mengeksplorasi pengembangan full-stack modern menggunakan Next.js, Supabase, dan Tailwind CSS dengan fokus pada performa, skalabilitas, dan kemudahan penggunaan.

ChallengesTantangan

Designing a flexible database structure to handle various data types like notes, projects, skills, tasks, events, and logs without making the architecture complex. Another challenge was keeping the user experience simple despite continuously adding features.Merancang struktur database yang fleksibel untuk menangani berbagai jenis data seperti notes, projects, skills, tasks, events, dan logs tanpa membuat arsitektur menjadi kompleks. Tantangan lainnya adalah menjaga pengalaman pengguna tetap sederhana meskipun fitur terus bertambah.

What I LearnedYang Saya Pelajari

Through this project I learned full-stack application development using Next.js and Supabase, from authentication, relational database design, real-time CRUD, to building a modular and easily extensible dashboard. This project also deepened my understanding of state management, reusable components, and productivity application design.Melalui project ini saya mempelajari pengembangan aplikasi full-stack menggunakan Next.js dan Supabase, mulai dari autentikasi, desain database relasional, CRUD real-time, hingga membangun dashboard yang modular dan mudah dikembangkan. Project ini juga memperdalam pemahaman saya mengenai manajemen state, reusable component, dan perancangan aplikasi produktivitas.

Tech StackTeknologi

Next.js
React
TypeScript
Tailwind CSS
Supabase