Multilingual Quote of the Day Website
A simple website that displays a new inspirational quote each day in multiple languages. The quote changes automatically based on the current date.
- Displays a different inspirational quote each day
- Supports multiple languages: English, German (Deutsch), and Slovenian (Slovenščina)
- Language selection with URL parameter persistence
- Shows the current date in the appropriate format for each language
- Clean, responsive design
- No external API dependencies (quotes are stored in the code)
The website uses a deterministic algorithm to select a quote based on the day of the year. This ensures:
- The same quote is shown throughout the entire day
- A different quote appears each day
- The quotes cycle through the collection over time
The language selection is handled via URL parameters (e.g., ?lang=de for German). The website will:
- Remember your language preference through the URL
- Format dates according to the selected language's conventions
- Display UI text and quotes in the selected language
- Built with TypeScript
- Multilingual support with language-specific formatting
- Uses Twind for styling
- Includes error catching for better debugging
- Responsive design works on mobile and desktop
- No database required - quotes are stored in the code
To add or modify quotes, edit the quotes object in the main file. Quotes are organized by language code:
quotes = {
en: [ ],
de: [ ],
sl: [ ]
}
Each quote should have:
text: The quote text
author: The name of the person who said or wrote the quote
To add a new language:
- Add quotes for the new language
- Add UI translations in the
translations object
- Add the language to the
LANGUAGES object
Potential improvements that could be added:
- Share buttons for social media
- Option to view previous quotes
- Categories of quotes
- User-submitted quotes