/Learn-words-app

Приложение для изучения слов

Primary LanguageJavaScript

Приложение для изучения слов

Данное приложение по изучению слов было разработано в рамках проектной работы.

✨Основная функциональность:

  • Отображение списка слов, записанных пользователем;
  • Возможность редактирования/удаление/добавления слова;
  • Изчучение слов по карточкам.

Загрузка/изменение/добавлени/удаление слов реализованы через API

Подробное описание

Header

Header содержит: Лого (при нажатии пользователь попадает на домашнюю страницу), ссылки на домашнюю страницу и страницу с игрой (обучение по карточкам)

Home page

На домашней странице находится таблица с изучаемыми словами

  • Первая строчка представляет собой поле для добавления нового слова. Реализована проверка на корректность вводимых пользоватем слов;

  • Строчки со словами, где в каждой строчке есть возможность удаления и редактирования слова.

Game page

На этой странице пользователь видит карточки из таблицы со словами без перевода.

При нажатии на карточку, открывается перевод слова и оно добавляется в счетчик изученных слов за "сессию".

Переключение карточек осуществляется по стрелочкам.


Технологии и инструменты

JavaScript HTML5 SASS Git redux-toolkit Vite

установка:

git clone git@github.com:MarinaIatsuk/Learn-words-app.git
npm install
npm run dev