Skip to main content
All projects

Personal·2026

DOCS

A platform for publishing personal study summaries and exam preparation documents

DOCS
Role
Full Stack Developer
Team
Solo Project
Year
2026

Key figures

Google Drive
Replaces sharing via
4
Document types
Year 1
Material collected since
PDF · Versions · OG
Key features

A web application built as a personal platform for collecting and publishing study summaries, exam preparation documents (Midterm/Final), and various notes (Lecture/Lab) created continuously since my first year at university. It was developed as an upgrade from sharing files through Google Drive into a dedicated platform of my own. Its main features include a well-structured document categorization system organized by academic year and course, an in-browser PDF viewer with a download button, a document versioning system, view and like tracking, and dynamic Open Graph (OG) generation for visually appealing metadata when links are shared on social media and other platforms.

The problem

  1. 01Sharing study summary files through Google Drive became increasingly difficult to organize and search as the number of documents kept growing over the years, starting from my first year.
  2. 02Users such as friends and junior students could not always preview documents conveniently on some devices, and there was no clear way to notify or show document versions when summaries were edited or updated.
  3. 03When sharing Drive links in groups or on social media, the link previews and metadata were not visually appealing, engaging, or descriptive enough.
  4. 04There was no tracking system to understand which study summaries attracted the most interest or were the most useful to readers.

The approach

  1. 01Developed a web application with a clear document categorization and filtering system, organized by academic year, course, and document type such as Lecture, Lab, Midterm, and Final.
  2. 02Built an in-browser PDF viewer so users could read summaries immediately without downloading, along with a document versioning system to ensure users always have access to the latest updated file.
  3. 03Implemented a view counter and like system to measure user engagement and feedback for each document set.
  4. 04Enhanced SEO and dynamic Open Graph tags so that each document could display a professional-looking preview image, course title, and relevant details when shared across different platforms.

The result

  1. 01Created a well-organized learning summary platform that is easy to search and provides a better document-reading experience for friends and junior students than general cloud storage services.
  2. 02Shared links became more visually appealing, helping attract more users and increasing access to study summaries.
  3. 03Gained insight into popularity and user feedback through view and like statistics, which provided motivation and guidance for improving future study summaries.
  4. 04Made it possible to manage documents, update content, and maintain file version history in a structured and efficient way.

Retrospective

Challenges

  • Handling and rendering PDF files in the browser so they load quickly, remain comfortable to read, and work well on mobile screens with a responsive layout.
  • Designing a database structure that supports complex relationships such as academic year, course, document type, and document versions, while keeping all data properly linked.
  • Building dynamic Open Graph images that automatically generate preview visuals for shared links using document-specific information such as course title and summary type.

Learnings

  • Learned techniques for implementing dynamic SEO and meta tags such as Open Graph and Twitter Cards in Next.js to improve content sharing and visibility.
  • Improved my understanding of document handling, PDF rendering on the web, and file streaming and download management.
  • Learned how to design a data architecture that supports versioning, allowing file revision history to be preserved while keeping old links valid.
  • Gained experience in building basic interaction systems such as view counts and likes, along with state management to prevent duplicate likes and inaccurate view tracking.

Interested in work like this?

Tell me about your brief — I reply within 24 hours.

Start a conversation