A lightweight notes app built with an offline-first approach, allowing users to create, store, and access their notes with timestamps—even without an internet connection.
Github copilot for debugging errors and the banner is AI generated
Though my first shipment many negative feedbacks, So i decide to Change it further to improve. I built a fully encrypted, offline-first web application that queues actions natively! The hardest part was decoupling the UI from the database while keeping data entirely encrypted in the browser, but I figured it out by implementing a custom timeline-sync engine layered over IndexedDB. Really proud of how I was able to build a modern, polished dark-mode app purely in Vanilla JavaScript.
Final devlog before Shipping this project.
Reworked the notes interface to make it feel more focused and distraction-free. The previous layout felt a bit plain and functional, so I moved towards a warmer, more tactile design with softer colors and clearer visual boundaries.
Key changes:
Redesigned the note editor container with rounded edges and better spacing
Introduced a more readable text area with improved padding and alignment
Updated color palette to reduce eye strain and give a calm writing experience
Added a subtle card-style layout to make content stand out without clutter
Improved overall consistency across UI elements
Log in to leave a comment
Next step of the process to improvement:
Here i create a login phase before start of the website and added some glitter effect with it
Hope the next update better changes
Log in to leave a comment
A new Updated Own readme file as it reconstructed by use of prev feedback
Log in to leave a comment
This update focuses on UI improvements only; functionality remains unchanged.
In my first shipment of this work. Some Changes are made improving the user interface based on feedback.
Make the UI more structured, readable, and user-friendly while reducing the “template/AI-generated” feel.
Log in to leave a comment
I built a secure Offline-First Notes Web Application that allows users to create, store, search, and manage notes without relying on an internet connection. The app ensures data persistence using local storage and synchronizes changes when the user goes back online.
The most challenging part was designing the offline-first data flow, including handling queued operations, maintaining consistency between local and remote states, and implementing reliable synchronization. Additionally, I integrated AES-GCM encryption to ensure that all stored data remains secure on the client side.
I’m particularly proud of features like instant note access offline, undo/redo functionality, search capability, and a clean, responsive UI, which together create a smooth and modern user experience. This project significantly improved my understanding of progressive web app concepts, state management, and secure client-side development.
my project is completed now and works very well
i will share the demo link to access:https://offline-first-website.vercel.app/
Log in to leave a comment
my project is almost done.next connect indexed db with it
Log in to leave a comment
i complete a basic html frontend .Need to add css and javascript
Log in to leave a comment
I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build.
Log in to leave a comment