Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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`