Quotify

For Stardance, I built Quotify, a modern and minimal quote discovery web app designed to inspire users through meaningful words from influential people.

The idea behind Quotify was to create a simple but polished experience where users can discover quotes, explore different categories, save their favorites, and quickly share quotes they enjoy.

The app includes:

Random quote generation
Quote categories
Favorite quotes with Local Storage
One-click quote copying
Custom toast notifications
Responsive design for desktop, tablet, and mobile
A clean dark-themed interface
An About page explaining the project

The project was built from scratch using HTML, CSS, and JavaScript, then deployed using GitHub Pages.

The biggest challenge was turning a simple idea into a complete application with multiple connected features.

Some of the hardest parts were:

Learning how to structure a multi-page website
Making JavaScript interact correctly with different HTML pages
Building a favorites system using Local Storage
Creating dynamic category pages
Making the design responsive across different screen sizes
Debugging issues after deployment

One memorable challenge happened after deploying the project. Some features appeared to be broken, including notifications and styling changes. After investigating, I discovered that my browser was loading cached versions of old files. A hard refresh fixed the issue, but it taught me an important lesson about testing the actual deployed version of a project.

I am most proud of taking Quotify from a simple concept into a finished, usable application.

Throughout development, I improved my skills in:

Writing cleaner JavaScript
Manipulating the DOM
Managing user data with Local Storage
Creating modern CSS layouts
Building responsive interfaces
Debugging real-world problems
Deploying and maintaining a live project

I am especially proud of the final design because I focused on making it feel like a real product rather than just a school project. The dark minimalist interface, animations, custom favicon, and smooth interactions helped bring the idea together.

To test Quotify:

Open the live demo:
https://nyvrixista.github.io/Quotify/
Try generating new quotes using the New Quote button.
Save quotes by pressing the ❤️ Save button.
Visit the Favorites page to view your saved quotes.
Explore different quote categories (currently only one).
Try the project on both desktop and mobile devices to experience the responsive design.

No account is required. Favorites are stored directly in the browser using Local Storage.

Building Quotify was a great learning experience. It helped me understand what it takes to create a complete web application, from the first idea to the final deployment.

Thank you to Hack Club and Stardance for motivating me to build, experiment, and finish this project.

Stay inspired. Keep building.