InspireMe is a simple, responsive web application that showcases motivational, humorous, philosophical, and educational quotes. Built to deliver instant inspiration for every mood and moment.
👉 Live Demo: https://inspireme-by-vera.netlify.app/
- Categorized Quotes – Filter quotes by themes like Motivation, Humor, and Philosophy
- Dynamic Quote Generation – Get a new quote with a single click
- User-Friendly Interface – Built with simplicity and clarity in mind
- Regular Updates – Expandable with more categories or future API integration
- HTML5 – Semantic structure
- CSS3 – Custom styling and layout
- JavaScript (Vanilla) – DOM manipulation and quote logic
- Supabase – Backend database and authentication
- Hugging Face API – AI-powered automatic tag suggestions
- Netlify – Deployed for fast, free web hosting
InspireMe uses Hugging Face's zero-shot classification model to automatically suggest relevant tags for quotes. This helps maintain consistent categorization across the database.
- Get a free API token at huggingface.co/settings/tokens
- Add it to your
.envfile:VITE_HUGGINGFACE_TOKEN=your_token_here - In the admin panel, click "Auto-tag with AI" when adding quotes
The AI analyzes the quote text and suggests tags like motivation, wisdom, love, courage, etc.
I built InspireMe from scratch as a way to practice:
- DOM manipulation using arrays and event handling
- Building a component-style structure without a frontend framework
- Deploying a static site and iterating on design and function
I especially loved how quickly I could test and improve the quote logic and UI. In future versions, I plan to:
- Save the array quotes to a database.
- Implement a favourite quotes feature
- Implement a social searching button
- Implement a form that allows users to submit quotes.
- Visit the live site
- Click "New Quote" to refresh the message
- Filter quotes by category to suit your mood
- Live Site: inspireme-by-vera.netlify.app
- Code Repository: github.com/chiomavera/InspireMe
Feel free to connect on LinkedIn or open an issue if you'd like to contribute, suggest quotes, or collaborate on future versions.