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: 2 months ago
JSON representation

To-Do Calendar

• Host: GitHub
• URL: https://github.com/itmtm/todo_calendar
• Owner: ITmTm
• Created: 2024-07-02T10:42:37.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-08T07:05:04.000Z (almost 2 years ago)
• Last Synced: 2025-03-02T04:44:28.316Z (over 1 year 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`