Frontend часть приложения "Журнал выполненных работ".

Навигация:

• Описание
• Основные функции приложения
• Технологии
• Установка
• Ссылка на backend
• Связаться со мной

Описание: ⬆️

Данное приложение позволяет вносить, просматривать, редактировать и удалять записи по проделанной работе на объекте. Также приложение позволяет хранить основные характеристики, документацию, фото, бэкапы установленных модулей объекта, что упрощает получение нужных сведений в случае необходимости.

Основные функции приложения: ⬆️

• Аутентификация:
  Защищенные маршруты для авторизованных пользователей.
• Ролевая система:
  Разграничение прав пользователей с помощью ролей в приложении.
  • Admin.
  • Moderator.
  • User.
• Добавление записей:
  • По выполненным работа с привязкой к объекту.
  • Добавление новых объектов с заполнением характеристик и прикреплению необходимых файлов.
• Просмотр записей:
  • Просмотр записей по выполненным работам с возможностью фильтрации (по объекту, производителю работ, временной отрезок) и сохранением в excel файл.
  • Просмотр записей по объектам с возможностью фильтрации (по оборудованию) и сохранением в excel файл.
• Возможность редактирования и удаления записей:
  Изменение и удаление существующих записей в зависимости от роли в приложении.
• Интуитивно понятный интерфейс:
  Удобный и доступный дизайн.

Технологии: ⬆️

• React
• Zustand
• Axios
• Tanstack query
• TailwindCSS
• DaisyUI
• SASS
• React hook form
• Yup
• React router
• Toastify
• Date-fns
• Moment
• Awesome slider

Установка: ⬆️

1. Склонируйте репозиторий:

git clone https://github.com/BolotnikovMS/log-of-completed-work-client-tm.git

• При необходимости добавьте в конце ./ чтобы не создавалась дополнительная папка.

2. Установите зависимости:

npm install

3. Скопируйте файл .env.example и уберите приписку .example. В файле .env укажите VITE_API_URL и VITE_FILE_URL адреса для работы с бэкендом.
   Пример:
   

VITE_API_URL=http://127.0.0.1:3333/api/v1.0
VITE_FILE_URL=http://127.0.0.1:3333/

4. Запустите приложение:

npm run dev

Backend: ⬆️

🔗Ссылка: Backend репозиторий

Связь со мной: ⬆️

📤[email protected]