Skip to content

WebHeroSchool/todoSolomon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TODO ПРИЛОЖЕНИЕ

Привет! Это приложение является моей визитной карточкой и позволяет создавать свой todo-лист. Приложение состоит из двух листов - "Обо мне" и "Дела".

Опубликованную версию проекта можно увидеть здесь: https://todo-solomon-psi.vercel.app/

Раздел «‎Обо мне»

В данном разделе отображаются мои инициалы, фото, контактные данные. Ниже личной информации раздел с моими работами на github. Всю информацию получаем через API github, по запросу (по логину). Также подтягивается список репозиториев с информацией о каждом из них. На против каждого репозитория хостинг сайта. Пока грузится запрос отображается прелоудер.

Раздел «Дела»

Основной функционал приложения:

  • Добавить дело
  • Валидация поля
  • Удалить дело
  • Изменить статус дела на выполнено/не выполнено (с анимацией)
  • Отображение счетчиков дел
  • Фильтр для отображения: все дела, выполненные, не выполненные
  • Возможность перетаскивать (менять местами) элементы списка (ТОЛЬКО В ВЕТКЕ drag-and-drop)

Использованные технологии

Приложение написано с помощью библиотеки React. Дополнительные установленные пакеты:

  • classnames
  • react-router-dom
  • Material UI
  • React-beautiful-dnd (drag-and-drop) (ТОЛЬКО В ВЕТКЕ drag-and-drop)
  • octokit/rest

Как запустить проект

  1. В консоли выполнить команду npm install (установить зависимости)
  2. Выполнить комаду npm start