Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/boriskrasko/momentum

Momentum - is an analogue of the app of the same name in the Chrome web store. The application shows the time and username, his goal for the current day. The background image changes depending on the time of day. App uses local storage to store data..
https://github.com/boriskrasko/momentum

api async css css3 css3-flexbox date-time es6 es6-javascript html html-css-javascript html5 javascript js momentum owfont rest-api vanilla-javascript vanilla-js weather-app

Last synced: about 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/boriskrasko/momentum
Owner: boriskrasko
Created: 2021-02-02T00:30:46.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2024-02-08T20:19:34.000Z (11 months ago)
Last Synced: 2024-02-08T21:54:16.388Z (11 months ago)
Topics: api, async, css, css3, css3-flexbox, date-time, es6, es6-javascript, html, html-css-javascript, html5, javascript, js, momentum, owfont, rest-api, vanilla-javascript, vanilla-js, weather-app
Language: JavaScript
Homepage: https://boriskrasko.github.io/momentum/
Size: 20.3 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Momentum

[**Momentum**](https://boriskrasko.github.io/momentum) - is an analogue of the app of the same name in the Chrome web store. The application shows the time and username, his goal for the current day. The background image changes depending on the time of day. App uses local storage to store data..

## Application Structure:

1. Time block

2. Greeting block

3. Weather block

4. Settings

## How to install

- Clone or download the repoistory

- Enable developer mode in Chrome Extensions

- Choose `Load Unpacked` button and locate this repository

- You are done

## [Deploy](https://boriskrasko.github.io/momentum)

 ### Start Screen 

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-mars.png)

## Stack: 

  * JavaScript(ES6)

  * CSS3, owfont

  * HTML5

  

## +

 * API

 * Local Storage

 * CSS Flex 

 * Eslint airbnb

 

 ## Development process:

 

 ### Mobile first html-structure (iPhone SE)

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-mobile-first-markup-structure.png)

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-mobile-first-markup.png)

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-mobile-first.png)

 

 ### Settings

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-settings.png)

 

 ### Testing

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-testing.png)

 

 ![](https://boriskrasko.github.io/momentum/pages/momentum-spice.png)

  

 ![](https://boriskrasko.github.io/momentum/pages/momentum-los-angeles.png)