Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/itmtm/todo_calendar
To-Do Calendar
https://github.com/itmtm/todo_calendar
api axios datefns dependency-inversion docker docker-compose javascript react redux-toolkit scss typescript
Last synced: about 1 month ago
JSON representation
To-Do Calendar
- Host: GitHub
- URL: https://github.com/itmtm/todo_calendar
- Owner: ITmTm
- Created: 2024-07-02T10:42:37.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-08T07:05:04.000Z (6 months ago)
- Last Synced: 2024-07-08T12:11:26.651Z (6 months ago)
- Topics: api, axios, datefns, dependency-inversion, docker, docker-compose, javascript, react, redux-toolkit, scss, typescript
- Language: TypeScript
- Homepage: https://to-do-calendar.vercel.app/
- Size: 750 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To-Do Calendar
![Screenshot_2](https://github.com/ITmTm/ToDo_calendar/assets/98873757/f74e86fe-d031-4b8f-abd9-1c8a3a297096)
## Условия
* Приятный внешний вид
* Адаптивный дизайн
* Маркировка праздничных дней с использованием isDayOff() API
* Возможность вывода задач на неделю
* Использование TypeScript
* Покрытие интерфейса тестами
* Система профилей: у каждого профиля свой список задач, не отображаемый в
другом профиле
* Реализовать Dependency Inversion для внешних HTTP-запросов
* Понятная структура проекта
* Разворачивание проекта в Docker
## Дополнительные Фичи
* date-fns (Modern JavaScript date utility library)
* Material UI
## Technologies
[![ReactJS](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)](https://reactjs.org)
[![JavaScript](https://img.shields.io/badge/JavaScript-yellow?style=for-the-badge&logo=JavaScript&logoSize=%20)](https://www.javascript.com/)
[![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org)
[![Redux-Toolkit](https://img.shields.io/badge/Redux%20Toolkit-%23593d88?style=for-the-badge&logo=redux
)](https://redux-toolkit.js.org/)
## Using Libraries
[![SASS](https://img.shields.io/badge/-blue?style=social&logo=sass&label=SASS%20(SCSS))](https://sass-lang.com/)
[![Date fns](https://img.shields.io/badge/-Melanzane?style=social&logo=date-fns&label=date-fns)](https://date-fns.org/)
[![Material UI](https://img.shields.io/badge/-blue?style=social&logo=mui&label=mui)](https://mui.com/material-ui/)
[![Axios](https://img.shields.io/badge/-blue?style=social&logo=axios&label=axios)](https://axios-http.com/ru/)
## Getting Started
Tools needed to run this app: `node` and `npm`- `npm install` to install dependencies
- `npm start` to run the app
- Go to `http://localhost:3000`