Skip to content

Приложение (SPA) для изучения иностранных слов. Реализовано взаимодействие с API: добавление новых слов, редактирование, удаление. Добавлена валидация, поиск, пагинация. Стек: React, MobX, Router, css-модули, API, JSON, Github.

Notifications You must be signed in to change notification settings

PacificaElise/english-cards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Learn language

Учебный проект по React

Описание проекта:

Learn language — это приложение для изучения иностранных слов. Взаимодействие c API в ветках context и mobx

Функционал:

  • Получение данных с сервера;
  • Отрисовка и подгрузка карточек;
  • Добавление, изменение и удаление слов;
  • Поиск слов по тегу;
  • Пагинация;
  • Валидация;
  • Работа с формой.

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

  • CSS3;
  • JavaScript:
  • Асинхронность;
  • Rest API;
  • React JS;
  • Create React App;
  • Функциональные и классовые компоненты.

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

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

npm install

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

npm run build

Запустить приложение:

npm run start

API для работы сервером:

http://itgirlschool.justmakeit.ru/api/words


Языки:

JavaScript

Библиотеки:

  • ReactJS;
  • framer-motion;
  • bootstrap;
  • react-router-dom;
  • mobx;
  • sass.

About

Приложение (SPA) для изучения иностранных слов. Реализовано взаимодействие с API: добавление новых слов, редактирование, удаление. Добавлена валидация, поиск, пагинация. Стек: React, MobX, Router, css-модули, API, JSON, Github.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published