petrsuhin-al/melpomene-demo-frontend

The web application requests a random track from the server, its artist, genre and cover art. You can block genres with saving in local storage.

MELPOMENE // DEMO (frontend)

Web App

Веб-приложение запрашивает с сервера рандомный трек, его исполнителя, жанр и обложку. Можно блокировать жанры с сохранением в local storage.

После запуска приложения появится папка build. Это уже построенные файлы css, html, js. Приложение запускается по адресу http://localhost:9000 сразу после таска gulp. Кроме того, после запуска мы можем дать ссылочку на тонель, который появится в терминале, после запуска проекта.

BACKEND:https://github.com/DirtyAlien/melpomene-demo-backend

Start | Запуск

npm install - устанавливаем зависимоти node
bower install - устанавливаем зависимости bower
gulp - запускаем таском gulp.js

I used: | Использовал:

1. NodeJS - серверная платформа.
2. Gulp - таск менеджер. На нем организовал сборку статики (стили и скрипты). Использовал плагины для их сжатия, генерации сурсмап, генерации css из scss, подстановки префиксов в стили и т.д.
3. Препроцессор css - SASS. Использовал более новый синтаксис scss, а не sass.
4. Пакетный менеджер Bower.
5. Three.js, wavesurfer.js, jQuery и нативный JS.