A sleek, minimalist web application designed to capture and display personal quotes. This side project focuses on high-end UI design principles, specifically the Dark Mode aesthetic and Glassmorphism.
- Persistent Storage: Uses
localStorageso your quotes stay saved even after a page refresh. - Glassmorphism UI: Matte-finish tiles with subtle light outlines and backdrop blurs.
- Aesthetic: Deep black backgrounds combined with premium "Super Curvy" script typography.
- Responsive Actions: Add and delete quotes instantly with a clean, intuitive interface.
- HTML5: Semantic structure for high-end accessibility.
- CSS3 (Custom Properties): Focused on modern styling techniques like
backdrop-filterand advanced CSS variables for theme management. - JavaScript (Vanilla): Light-weight DOM manipulation and local storage management.
The goal of this project was to bridge the gap between simple functionality and "Premium" feel.
- Typography: Using flowing, elegant fonts to make text feel like art.
- Contrast: Utilizing high-contrast dark mode to reduce eye strain while maintaining a luxury vibe.
- Clone the repository.
- Open
index.htmlin any modern browser. - Start pinning your favorite thoughts to the wall!
Built by Sid with love ❤️