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: 1 day ago
JSON representation

To-Do Calendar

Host: GitHub
URL: https://github.com/itmtm/todo_calendar
Owner: ITmTm
Created: 2024-07-02T10:42:37.000Z (5 months ago)
Default Branch: main
Last Pushed: 2024-07-08T07:05:04.000Z (4 months ago)
Last Synced: 2024-07-08T12:11:26.651Z (4 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`