Система для отслеживания рабочих процессов, клиентов, заказов.

Целевая аудитория проекта это самозанятые, ИП, небольшой бизнес, предоставляющие услуги под заказ (дизайнеры, фотографы, стилисты, консультанты, швеи и тд). У которых работа состоит из нескольких этапов.

Например работа по созданию бренд бука будет состоять из следующих этапов:

Подготовительный:

• подписание договора
• аванс
• ТЗ/заполнение брифа
• выдача чека (при работе с кассой) или счета
• добавление информации в бугалтерию

Рабочий:

• аудит компании
• разработка корпоративного стиля
• разработка логотипа
• разработка упаковки
• дизайн буклета, визиток, фирменного бланка
• гайдлайн

Завершающий:

• полная оплата
• передача дизайнов в электронном виде
• отзыв

Приложение позволяет создавать такие проекты под свои нужды и потом отслеживать статус каждого шага у каждого заказа.

Демо (старая версия)

Перевожу старый пет-проект crm.tanya-gorelova.website на TS и FSD архитектуру

crm.tanya-gorelova.website

Email: test@mail.com

password: Test1234

Стек

SaSS, React, Axios, MongoDb, Express, TypeScript, Storybook, Chromium, Jest, i18n, FSD

Фичи

• Клиенты: добавление, удаление, редактирование, добавления заказа клиенту, поиск по имени, имэйлу или телефону клиента
• Заказы: добавление, удаление, редактирование, поиск по номеру или названию заказа, добавление, удаление и редактирование своих статусов заказа
• Календарь: отображение событий из раздела заказов, добавление своих личных событий, добавление, удаление и редактирование своих категорий событий
• Проекты: отображение заказов с разбивкой по проектам (пакет услуг, работа и тп), добавление, удаление и редактирование своих проектов с разбивкой по стадиям и шагам. И возможность отслеживания статуса каждого шага (в процессе, готово, пауза, проблема)

Что добавлено в новой версии

• FSD

• смена темы оформления: светлая, зелена, темная

• переключение русский - англ.

  Внимание: еще не все перенесла со старого проекта, но я активно над этим работаю)

Скрипты

Клиентская часть:

"start": "webpack serve --env port=3000",
"start:dev": "concurrently \"npm start\" \"npm run start:dev:server\"",
"build:prod": "webpack --env mode=production",
"build:dev": "webpack --env mode=development",
"lint:ts": "eslint \"**/*.{ts,tsx}\"",
"lint:ts:fix": "eslint \"**/*.{ts,tsx}\" --fix",
"lint:scss": "npx stylelint \"**/*.scss\"",
"lint:scss:fix": "npx stylelint \"**/*.scss\" --fix",
"test:unit": "jest --config ./config/jest/jest.config.ts",
"test:ui": "npx chromatic --project-token=chpt_46613f3ee4ef428",
"storybook": "storybook dev -p 6006 -c ./config/storybook",
"build-storybook": "storybook build -c ./config/storybook"

Серверная часть:

"start": "cross-env NODE_ENV=production node app.js",
"serve": "cross-env NODE_ENV=development nodemon app.js"

Скриншоты

Главная страница (dashboard)

Клинты

Клиенты - добавить клиента

Информация о клиенте

Заказы

Добавить заказ

Информация о заказе

Календарь

Список событий

Добавить событие

Проекты

Настройки статусов заказа

Настройки проектов

Настройки категорий событий