Skip to content

safym/onpoint

Repository files navigation

🦠 "Onpoint" layout

Link to reference

🔗 Github Pages

DEPLOY Live link

📸 Screenshots

📑 Требования:

Необходимо сверстать приложение со слайдами в соответствии с приложенным демо-роликом. Приложение будет тестироваться в Chrome в режиме совместимости с iPad (1024x768).

  • Перемещение между слайдами - через горизонтальный свайп

  • Нажатие на домик ведет на первый слайд

⚙️ Реализация:

  1. Добавлены обрабочики свайпов mouse event и touch event.

  2. Реализован кастомный скроллбар доступный во всех браузерах.

  3. Навигационные ссылки в шапке ведут на соответсвующие слайды.

✨ Технологии

  • Git

  • React

  • PostCSS

  • BEM

  • ESlint

  • Prettier

  • babel

🛠 Команды

Run app:

npm start

Run test:

npm test

Build:

npm run build

Builds the app for production:

npm run eject

Prettier

npm run prettier

lint

npm run lint

lint:fix

npm run lint:fix

run babel buid

npm run babel-build