✨ Practic APT — это веб-приложение, предназначенное для преподавателей производственной практики техникума. Оно позволяет создавать и автоматически формировать документы, которые можно скачивать в удобном формате. Приложение упрощает процесс документооборота и экономит время преподавателей. 🕒📂
- Создание документов 📝: Преподаватели могут создавать документы, заполняя необходимые данные через веб-интерфейс.
- Автоматическая сборка документов 🤖: Документы автоматически формируются на основе введенных данных.
- Скачивание документов ⬇️: Готовые документы можно скачать в формате
.docx. - Удобный интерфейс 🎨: Простой и интуитивно понятный интерфейс для работы с документами.
- Node.js + Express — для создания серверной части приложения. 🖥️
- Mongoose — для работы с MongoDB. 🍃
- docxtemplater — для автоматической генерации документов в формате
.docx. 📄 - bcrypt — для хеширования паролей. 🔐
- jsonwebtoken — для аутентификации пользователей. 🔑
- multer — для обработки загрузки файлов. 📤
- nodemailer — для отправки электронных писем. 📧
- cors — для обработки CORS-запросов. 🌐
- dotenv — для управления переменными окружения. ⚙️
- express-validator — для валидации данных. ✅
- speakeasy — для двухфакторной аутентификации. 🔒
- uuid — для генерации уникальных идентификаторов. 🆔
- React — для создания пользовательского интерфейса. ⚛️
- Redux + @reduxjs/toolkit — для управления состоянием приложения. 📓
- React Router DOM — для маршрутизации. 🗺️
- Axios — для отправки HTTP-запросов к серверу. 📡
- React Toastify — для уведомлений. 🔔
- Animate.css — для анимации элементов интерфейса. 🎬
- FontAwesome — для иконок. ✨
- React Spinners — для индикаторов загрузки. ⏳
- Node.js (версия 16 или выше)
- MongoDB (локально или облачная версия)
- npm или yarn
-
Клонируйте репозиторий:
git clone https://github.com/ваш-username/practic-apt.git cd practic-apt -
Установите зависимости:
- Для backend:
cd backend npm install - Для frontend:
cd ../frontend npm install
- Для backend:
-
Настройте переменные окружения:
- В корневой папке проекта создайте файл
.envна основе.env.exampleи добавьте туда необходимые переменные:# BACKEND MONGODB_URL=mongodb://localhost:27017/practicAPT JWT_SECRET=your_secret PORT=your_port EMAIL_USER=your_mail_user EMAIL_APP_PASSWORD='your_mail_password' EMAIL_COMPANY_NAME='Practic APT' COMPANY_LOGO_IMAGE='your_company_logo_url' # FRONTEND VITE_API='http://localhost:your_port'
- В корневой папке проекта создайте файл
-
Запустите сервер:
- Перейдите в папку
backendи выполните:npm start
- Перейдите в папку
-
Запустите фронтенд:
- Перейдите в папку
frontendи выполните:npm run dev
- Перейдите в папку
-
Откройте приложение:
- Перейдите по адресу
http://localhost:5173в браузере.
- Перейдите по адресу
