Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kasiaizak/masterszef

My "cookbook"
https://github.com/kasiaizak/masterszef

cotenfrontend

Last synced: 19 days ago
JSON representation

My "cookbook"

Awesome Lists containing this project

README

        

![cover](https://raw.githubusercontent.com/kasiaizak/masterszef/master/src/assets/img/cover.png)

# Gotuję jak Masterszef ;)

Moja "książka kucharska" - [widok on-line](https://masterszef.kasiaizak.pl/)

## Użyte technologie

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

## Podgląd strony

![Screenshot](https://raw.githubusercontent.com/kasiaizak/masterszef/master/github/screenshot.jpg)

## 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**.