beletskaya/keyboard-trainer beletskaya/keyboard-trainer

  • Stars
    star
    1
  • Language
    HTML
  • Created about 2 years ago
  • Updated about 2 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
beletskaya/keyboard-trainer
github

beletskaya

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Зверстати та закодити тренажер для друку. Подивитись, як це працює, можна за посиланням ratatype.com. Тренажер має працювати по анології з існуючим сайтом (букви мають «з’їдатись» персонажем). Сторінка повинна бути адаптивна. Має працювати перемикач між темною та світлою темами. В мобільній версії бургер має відкривати меню, а хрест — закривати його. Кнопка перезавантаження скидає пройденний шлях на початок. Зробити верстку на Bootstrap 5.2. Для логіки тренажера використовувати нативний javascript (бажано використовувати модулі — окремий файл для різного функціоналу). Для стилів використовувати SASS. Використовувати зборщик проекту. Результат роботи розмісти в репозиторії GitHub/GitLab та скинь на нього посилання.

More Repositories

1

test_devit

Vue
1
star
2

react-redux

JavaScript
1
star
3

user-info

1) На главной странице необходимо вывести форму входа с такими полями: Username, Phone number и кнопку Login. https://www.figma.com/file/CoAspt2CyD6g3kXdXHdUOL/Untitled?node-id=0%3A1 Поле username - буквенное (валидация ввода только буквы) Поле Phone number - пропускает числа и символы. После того как пользователь заполнил поля и нажал кнопку Login, происходит следующее: перебираем массив по ссылке - https://jsonplaceholder.typicode.com/users и прорабатываем два сценария : 1. Если введенные username и Phone number - совпадают у юзера - редиректим его на следующую страницу описанную в пункте 2 2. Если введенные username и Phone number - не совпадают у юзера - выдаем ошибку (можно просто login error ) 2) Если регистрация прошла успешно , то пользователь попадает на страницу, на которой : Вверху необходимо вывести персональные данные юзера из JSON файла - https://jsonplaceholder.typicode.com/users Далее на странице необходимо : Продемонстрировать умение работать с массивом данных(Todo list), полученных с помощью REST API в приложении на Vue.js Ссылка на REST API (jsonplaceholder): https://jsonplaceholder.typicode.com В приложении использовать url: https://jsonplaceholder.typicode.com/todos Набор стилей CSS - адаптивный, желательно использовать Flexbox и/или CSS Grid Расположение элементов на странице - произвольное Нужно реализовать: 1.Получение данных (JSON) из REST API и вывод их всех на страницу в виде списка 2.Фильтрация данных полученных из API(данные выводятся согласно выбранных опций): - Фильтр по статусу: select с 3 опциями (All, Completed, Uncompleted, Favorites cм.пункт 5) - Фильтр по ID юзера:select с опциями в виде цифр (userId из списка задач) и опция All Users 3.Поиск по ключу title. input, в который при вводе текста, выполняется поиск задач согласно выбранных фильтров и значения этого inputт 4.На странице добавить блок "Create todo", в нем: 2 поля input(User ID и Title) и кнопка Add (В рамках задачи после успешного ответа от API - добавляем в массив) 5.Реализовать возможность добавить Todo в избранное, хранить его id в localStorage
Vue
1
star