A feature-rich web application combining music player, to-do list, weather, and daily quotes in a single productive dashboard.

• Music Player

  • Play/pause, next, and previous track controls
  • Progress timeline with seek functionality
  • Volume control
  • Playlist management from local data
  • Current track name and duration display

• To-Do List

  • Add and manage tasks
  • Toggle visibility with the "todo" button
  • Persistent storage via localStorage

• Weather Widget

  • Search weather by city name
  • Display temperature, description, wind speed, and humidity
  • Weather icon from Open Weather Map API
  • Real-time data updates

• Time & Date Display

  • Current time and weekday
  • Full date information
  • Auto-updates every second

• Greeting with Name

  • Personalized welcome message
  • User name stored locally

• Daily Quotes

  • Random quotes on page load
  • Bilingual support (English/Russian)
  • Curated collection from data.json

• Background Images

  • Dynamic background carousel
  • Navigate with left/right arrows
  • Images change based on time of day

• Multilingual Interface

  • English and Russian language toggle
  • Persistent language preference

• Vanilla JavaScript (HTML5, CSS3)
• Open Weather Map API
• LocalStorage for data persistence

No build tools required. Simply open index.html in a modern web browser.

# Clone the repository
git clone https://github.com/amgSTRIDeR/momentum.git
cd momentum

# Open in browser (macOS/Linux)
open index.html

# Open in browser (Windows)
start index.html

momentum/
├─ index.html          # Main app structure
├─ data.json          # Quotes database
├─ css/
│  ├─ style.css       # Main styles
│  └─ owfont-*.css    # Weather icons font
├─ assets/            # Images and favicon
└─ src/
   ├─ index.js        # Core app entry point
   ├─ player.js       # Music player logic
   └─ playList.js     # Playlist management

The app uses Open Weather Map API. You may need to add your own API key in the weather function for full functionality.

Add or modify music tracks in the playlist data structure within src/playList.js.

Edit data.json to customize quotes displayed in the app.

Works in all modern browsers (Chrome, Firefox, Safari, Edge).

• This is an educational project demonstrating core web APIs and modern JavaScript patterns.
• Requires internet connection for weather data and API calls.
• Quotes and messages are bilingual (English and Russian).

Educational project.