Next.jsPostgreSQLTailwind CSSFramer Motion

WBOOK

Personal Digital Bookshelf

WBOOK

Role

Fullstack Developer

Duration

1 Months

Team

Solo Project

Links

The Story

Overview

WBook is a personal digital bookshelf application that allows users to manage their book collection easily. It features interactive Flashcards to help users memorize key points from books, and a Quote feature to save and revisit favorite passages. Built with Next.js and Supabase, it offers real-time data handling, user authentication, and a smooth, responsive experience.

Background

I have always loved reading books, but I often found myself forgetting the key points or insights from books I had read. I wanted a way to keep track of my reading and revisit important concepts whenever I needed to.

The Problem

I wanted a way to keep track of my reading and revisit important concepts whenever I needed to. I also wanted a way to memorize key points from books and revisit favorite passages.

The Solution

Membangun aplikasi Next.js dengan fitur manajemen buku, flashcards interaktif, dan quote tracking. Aplikasi ini memungkinkan pengguna untuk menyimpan koleksi buku mereka, membuat flashcards untuk menghafal poin-poin penting, dan menyimpan kutipan favorit untuk direview kembali. Dengan antarmuka yang responsif dan fitur real-time, WBook menjadi solusi ideal untuk manajemen bacaan pribadi.

Key Features

  • 01Book Management
  • 02Flashcards
  • 03Quotes
  • 04User Authentication
  • 05Responsive Design

Challenges

Mengoptimalkan UX untuk flashcards interaktif agar pengguna dapat dengan mudah menghafal poin-poin penting dari buku.

The Result

Membangun aplikasi yang memudahkan pengguna dalam manajemen buku dan penghafalan poin-poin penting.

Lessons Learned

Mempelajari pengembangan Next.js dan Supabase.

Gallery

WBOOK gallery 1
WBOOK gallery 2
WBOOK gallery 3
WBOOK gallery 4
© 2026 Abimanyu. All rights reserved.