Посмотреть проект можно по ссылке : https://w1llow1sp.github.io/ReactCostAccounting/
Вы можете посмотреть проект по ссылке в Readme или же, скачав или скопировав репозиторий запустить через команду:
| Название файла | Содержание файла |
|---|---|
| 📁src | Папка с исходными кастомными компонентами,индексным файлом и таблицей стилей |
| ◼📁components | Папка с исходными кастомными компонентами |
| ◾📁Costs | Папка с компонентами, отображающими и записывающими расходы |
| ▪CostDate.js & CostDate.css | Компонент отвечающий за отображение полной даты (года, месяца и числа) |
| ▪CostItem.js & CostItem.css | Компонент отвечающий за стили для единичного блока расхода |
| ▪CostList.js & CostList.css | Компонент, где добавляются динамически отрендеренные расходы в форме CostItem |
| ▪Costs.js & Costs.css | Компонент, где отображаются расходы |
| ▪CostsDiagramm.js | Компонент, где отображаются расходы за год по месяцам |
| ▪CostsFilter.js & CostsFilter.css | Компонент,где идет сортировка по году и отображаются расходы |
| ◾📁Diagrams | Папка с компонентами, отображающих диаграмму расходов за год |
| ▪Diagram.js & Diagram.css | Компонент для отображения диаграммы исходя из значения суммарных расходов за месяц. Здесь происходит динамический рендер DiagrammBar |
| ▪DiagramBar.js & DiagramBar.css | Компонент отвечающий за стили для единичного блока расхода за месяц в виде столбика диаграммы. |
| ◾📁NewCost | Папка с компонентами, отображающих панель с добавлением расходов |
| ▪CostForm.js & CostForm.css | Компонент, регулирующий видимость блока с расходом |
| ▪NewCost.js & NewCost.css | Компонент, где добавляются расходы |
| ◾📁UI | Папка с компонентом отвечающим за стиль |
| ▪Card.js & Card.css | Компонент со стилизацией |
| App.js | Базовое приложение с точкой входа |
| index.css | Таблица стилей для приложения |
| index.js | Индексный файл, отвечающий за рендер App.js |
Дополнительно установленные библиотеки : ◼ gh-pages
