https://github.com/kasiaizak/hydrapp

PWA for counting drinking glasses of water during the day
https://github.com/kasiaizak/hydrapp

cotenfrontend hydrapp pwa

Last synced: 19 days ago
JSON representation

PWA for counting drinking glasses of water during the day

• Host: GitHub
• URL: https://github.com/kasiaizak/hydrapp
• Owner: kasiaizak
• Created: 2019-07-17T06:57:18.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T02:26:50.000Z (about 2 years ago)
• Last Synced: 2024-11-08T17:54:41.959Z (2 months ago)
• Topics: cotenfrontend, hydrapp, pwa
• Language: CSS
• Homepage: https://hydrapp.kasiaizak.pl
• Size: 4.04 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![cover](https://raw.githubusercontent.com/kasiaizak/hydrapp/master/src/assets/cover.jpg)

# HydrApp

HydrApp to aplikacja PWA do zliczania wypitych dziennie szklanek wody. Strona do przechowywania danych wykorzystuje localStorage - [widok on-line](https://hydrapp.kasiaizak.pl/).

## Użyte technologie

HTML5, CSS3 (w tym Flexbox) z użyciem preprocesora Sass oraz JavaScript ES6.

## Uruchomienie strony lokalnie z podglądem zmian na żywo (dla developerów korzystających z Node.js)

Jeśli nie masz jeszcze zainstalowanego Node.js to nic straconego... :) Tu znajduje się instalka i można szybko to nadrobić: [oficjalna strona Node.js](https://nodejs.org/en/).

W konsoli (terminalu) wpisujemy poniższe polecenie w celu instalacji tzw. *task runnera* GULP. Polecenie wykonujemy raz na danej maszynie, czyli jeśli robiłeś/aś to już wcześniej to pomiń ten krok i poniższą komendę. Ważne: na Windowsie terminal uruchamiamy z uprawnieniami administratora.

`npm install -g gulp-cli`

### Inicjowanie projektu

Po sklonowaniu repozytorium na swój komputer wchodzimy do głównego katalogu projektu i wykonujemy poniższe polecenia:

`npm install` - polecenie uruchamiane raz na dany projekt

### Podgląd na żywo ze śledzeniem zmian

`gulp` - start *task runnera*

#### Kończenie pracy

Aby przerwać pracę *gulp* wciskamy kombinację klawiszy **CTRL** + **C**.