https://github.com/vlaek/gkeep-lite-react
React, TypeScript, React Masonry, Google Keep
https://github.com/vlaek/gkeep-lite-react
css-modules react react-masonry react-responsive scss typescript
Last synced: about 2 months ago
JSON representation
React, TypeScript, React Masonry, Google Keep
- Host: GitHub
- URL: https://github.com/vlaek/gkeep-lite-react
- Owner: Vlaek
- Created: 2023-08-24T14:47:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-20T02:40:21.000Z (over 1 year ago)
- Last Synced: 2025-02-07T03:42:13.896Z (3 months ago)
- Topics: css-modules, react, react-masonry, react-responsive, scss, typescript
- Language: TypeScript
- Homepage: https://vlaek.github.io/GKeep-Lite-React/
- Size: 183 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GKeep-Lite-React
## Описание
[**GKeep-Lite-React**](https://vlaek.github.io/ToDo-React/) - это простое веб-приложение, разработанное на React, которое позволяет создавать заметки, редактировать, удалять, перемещать и менять их цвет. Пользователи могут легко организовать свои заметки, выбрав цвет, который соответствует их настроению или содержанию заметки. Кроме того, пользователи могут использовать функцию поиска для быстрого поиска нужной заметки. "GKeep-Lite-React" является простым и удобным приложением для тех, кто хочет быстро создавать заметки и организовывать свои мысли.
Основные возможности проекта включают:
- **Создание заметок** - пользователи могут легко добавлять новые заметки, а также менять их цвет;
- **Просмотр заметок** - заметки отображаются в удобной сетке, такж есть модальное окно просмотра каждой задачи отдельно;
- **Поиск заметок** - можно воспользоваться поиском;
- **Редактирование и обновление заметок** - пользователи могут легко редактировать существующие заметки;
- **Удаление заметок** - если заметка больше не нужна, то пользователь может легко удалить ее;
- **Хранение задач** - все задачи хранятся в LocalStorage.
Технологии:
- **HTML, CSS, SASS, JavaScript, React, TypeScript**
- **React Icons**
- **React Masonry**
- **React Responsive**
- **gh-pages**
## Демонстрация работы
