V1os / betterme-test

test

BetterMe test

👋🏼 Привет люди! 📸 Техническое задания на вакансию Главного разработчика в компанию BetterMe! 👨🏽‍🔬 В этой инструкции ты узнаешь как настроить и использовать проект.

📜 Условия задания

Создать приложение, которое будет искать репозитории в Github по имени.

• страница результатов поиска должна иметь разбивку на страницы и отображать 30 элементов на странице;
• repo следует сортировать по звездочке. Будет плюсом:
• поисковый запрос должен быть отменяемым;
• кешировать предыдущие результаты поиска;

HTML Приложение должно иметь семантическую разметку HTML;

CSS Используйте Pre/Post css процессоры (SCSS / SASS, Stylus, LESS, PostCSS);

JS Используйте один из самых популярных фреймворков (React, Angular, Vue)

P.S. Наличие тестов было бы большим плюсом!

🚀 Для запуска проекта выполни следующие шаги

1. Скачай и установи последнюю LTS-версию Node.js.
2. Выполни в консоли node -v и убедись, что установлена последняя версия Node.js не ниже v8.11.3;
3. Введи в консоли npm -v и убедись, что установлена последняя версия npm не ниже 5.6.0;
4. Скачай и установи Git, если его нет на компьютере;
5. Введи git --version, чтобы проверь версию установленного Git, должно быть не ниже 2.18.0;
6. Склонируй и запусти этот проект: git clone https://github.com/V1os/betterme-test.git;
7. Чтобы перейти в директорию с проекта, после клонирования выполни команду cd betterme-test;
8. Чтобы установить зависимости проекта, выполни команду npm install;
9. Чтобы запустить проект в режиме разработки, самое время выполнить  командуnpm start;
10. Перейди в браузер и открой страничку http://localhost:3000. Когда страничка загрузится, ты увидишь страницу с картинку с фотографией.
11. Открой Chrome Dev Tools и перейди на вкладку Console, там не должно быть каких-либо ошибок.

🤖 Краткий обзор команд для проекта

Заметка: запускать через yarn «имя команды» или npm run «имя команды».

Команда	Описание
start	запустить проект для разработки
build:prod	запустить сборку проекта
build:analyze	запустить сборку проекта и запустить режим детального анализа результата сборки
lint:javascript	провести анализ исходного JavaScript-кода на стилистические ошибки
lint:css	провести анализ исходного CSS-кода на стилистические ошибки
lint	провести анализ всего исходного кода на стилистические ошибки
test	запустить тесты
test:watch	запустить тесты в watch-режиме
test:debug	запустить тесты в debug-режиме
soundcheck	запустить все линтеры и тесты
prettier	отформатировать исходный код с помощью prettier