https://github.com/yuriyvyatkin/github-chart

GitHub диаграмма, показывающая количество контрибуций по дням
https://github.com/yuriyvyatkin/github-chart

react scss typescript webpack

Last synced: 5 days ago
JSON representation

GitHub диаграмма, показывающая количество контрибуций по дням

• Host: GitHub
• URL: https://github.com/yuriyvyatkin/github-chart
• Owner: yuriyvyatkin
• License: mpl-2.0
• Created: 2023-07-16T07:12:37.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-07-13T16:38:36.000Z (4 months ago)
• Last Synced: 2024-07-13T17:57:46.001Z (4 months ago)
• Topics: react, scss, typescript, webpack
• Language: TypeScript
• Homepage: https://yuriyvyatkin.github.io/github-chart
• Size: 642 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## GitHub диаграмма

**🛠️ Стек**

React + TypeScript + SCSS

**💬 Основная информация о проекте**

Диаграмма, показывающая количество вкладов на GitHub.

Дни и месяцы выстраиваются исходя из текущей даты (текущий день

находится в последнем столбце и от него выстраивается справа на лево 50 недель)

На диаграмме 51 столбец (357 дней) и 7 строк (пн-вс).

Оттенок цвета каждой ячейки соответствует пяти уровням:

1 - нет вкладов;

2 - 1-9 вкладов;

3 - 10-19 вкладов;

4 - 20-29 вкладов;

5 - 30+ вкладов.

При наведении курсора на ячейку появляется подсказка, указывающая количество вкладов в данный день.

**📚 Инструкция по запуску**

##### 1. Клонирование

```

git clone https://github.com/yuriyvyatkin/github-chart.git

```

```

cd github-chart

```

##### 2. Запуск

```

npm i && npm run start

```

или

```

npm install

```

```

npm run start

```