Stay organized, and keep motivated to achieve your goals with my version of Momentum extension. 😀 Enjoy this app here
- ✅ Background images from inner storage of from Flickr,
- ✅ Inspirational quotes,
- ✅ Weather info,
- ✅ Audio player with the best tracks and soundscapes,
- ✅ Numeric and Analog clock,
- ✅ Current date and time of the day,
- ✅ Customizable — show/hide features as you like,
- ✅ Two languages - English and Ukrainian.
Used technologies: HTML5, CSS3, vanila JavaScript, Webpack. No any libraries (except of fontawesome). This project is my JS practice with a lot of skills such as element search methods, data output to the page; work with date and time; work with audio; saving data in local storage; using recursive setTimeout; division of js-code into modules; work with asynchronous requests. There were implemented an app translation without libraries as well. Tried to get familiar with OOP (as init class for settings menu with further reusing).
⚙ Every 00:00, 06:00, 12:00 and 18:00 greeting and background image change automatically in case page is opened.
📌No more words! Just try here
Please, contact me if you find any bug or if you have some advice for me how to improve this project. I am open to chat through my LinkedIn
Clone this repo:
git clone https://github.com/Veronikanos/momentum.git
In the project directory, you can run:
then
Runs the app in the development mode.
Open http://localhost:8080 to view it in your browser.
The page will reload when you make changes.
If you want to create new bundle inside dist directory, try script:
You may also see any lint errors in the console.