/01Web Application

NoteBin

CLIENTPersonal Project
YEAR2025
SERVICESFull-Stack Development, UI Design
NoteBin

The
Challenge

In the fast-paced academic and professional world, students and lifelong learners often struggle to find a centralized, secure, and intuitive platform to store their varied learning materials. Traditional note-taking apps can be cluttered, overly complex, or restricted by aggressive paywalls, leading to fragmented information across devices.

Tech Stack

Next.jsTailwindGSAPReact

The
Solution

NoteBin was engineered as a streamlined, high-performance web application to solve this fragmentation. Built using the robustness of Next.js and the utility-first styling of Tailwind CSS, it offers a distraction-free environment for content management. We integrated Supabase for real-time, secure data persistence, ensuring users can access their notes from anywhere. Smooth interactions powered by GSAP and Lenis scrollcreate a premium, 'Gen Z' feel that makes the mundane task of data entry feel engaging and fluid.