Как организовать свой проект для фронтенд?
всё очень просто. Есть такая фишка - называется ксаффолдер. Я пользуюсь yeoman.io
В нём есть официальный генератор веб-приложения webapp . В пакете генератора gulp в который завёрнуто sass + bootstrap sass + bower в котором ещё куча всего завёрнуто + chai и mocha (тестировщики кода) + browsersync который заводится на 3001 порту. прочитай на сайте что я скинул. Способ для самых ленивых лентяев. Как с нуля:
Ставишь nodeJS, gulp bower глобально. 
Ставишь yo глобально (npm i yo -g)
Ставишь генератор глобально (npm i generator-webapp -g)
Создаёшь ручками папку проекта и пишешь одну команду (yo webapp)
Тебе инициализируется проект с полной архитектурой. Я ещё её по смакссу докручиваю допиливаю.
Заводишь сервак (команда gulp serve) и начинаешь неистово кодить
Начни с 
https://en.bem.info/methodology/filesystem/