ia-stepanov / test-paraweb

Тестовое задание для «Паравеб» — это одностраничный сайт с адаптивной вёрсткой для разных устройств. Стилизация выполнена по БЭМ. Stack: JavaScript, API, Webpack, HTML5, CSS3, БЭМ, Flexbox, Grid Layout, Figma.

Тестовое задание «Паравеб»

Описание задачи:

• Срок выполнения ТЗ: 5 рабочих дней;
• Валидность, кроссбаузерность (IE11+);
• Структура классов и блоков по БЭМ;
• JS библиотеки подключены через npm;
• Примечания:
  • Шапка фиксирована вверху экрана;
  • Фильтр прилипает под шапку.

Функционал:

• Получение данных с сервера;
• Отрисовка полученных карточек;
• Фильтрация карточек по автору и дате;
• Адаптивный интерфейс.

Стек технологий:

• HTML5;
• CSS3:
  • Flexbox;
  • Grid Layout;
  • Positioning;
  • Adaptive UI;
  • Media Queries;
• Методология БЭМ;
• Фйловая структура Nested БЭМ;
• JavaScript:
  • Стиль CamelCase;
  • Промисы (Promise);
  • Асинхронность и оптимизация;
  • Rest API;
• Вёрстка по макету в Figma.

Установка и запуск проекта:

Клонировать репозиторий:

git clone https://github.com/ia-stepanov/test-paraweb.git

Установить зависимости:

npm install

Собрать проект:

npm run build

Запустить проект:

npm run dev

Языки:

• JavaScript

Библиотеки:

• jQuery

Плагины:

• Slick Slider

Макет ТЗ в Figma:

• Test Task for Junior Frontend Developer

Скриншот:

Развернуть

Ссылка на сайт:

https://ia-stepanov.github.io/test-paraweb/