🎓 Выпускная квалификационная работа

Специальность: Информационные системы и программирование (09.02.07) Квалификация: Разработчик веб и мультимедийных приложений

🔗 API: Gift-Backend

В результате выполнения выпускной квалификационной работы была достигнута основная цель — Разработка сайта для поиска креативных подарков, отвечающего современным требованиям рынка и тенденциям веб-разработки.

📌 В ходе работы решены следующие задачи:

• Выбраны оптимальные технологии и инструменты, включая React, Next.js, TypeScript, Redux Toolkit, RTK Query, SCSS и TailwindCSS для Fronted и Nest.js, Mongoose, Zod, Docker, JWT для Backend;

• Проект написан в соответствии с методологией Feature Sliced Design и AppRouter (Next.js);

• Обеспечена полная типизация проекта с использованием TypeScript;

• Взаимодействие с данными осуществляется с помощью Redux Toolkit, запросы на сервер отправляются через RTK query;

• Для асинхронного подключения редюсеров (чтобы не тянуть их в общий бандл) используется DynamicModuleLoader;

• Разработана собственная библиотека адаптивных компонентов, обеспечивающая высокую гибкость;

• Реализованы ключевые функции сайта, включая авторизацию и регистрацию пользователей, админ панель для управления продуктами, функцию оптимизации сайта для слабых устройств, фильтры и сортировку товаров, тёмную и светлую тему, добавление в избранное и просмотр истории;

• Разработан дизайн сайта в Figma, включающий в себя как светлую, так и темную темы.

---

Установка

1. npm install - Установить зависимости
2. Создать .env.local в главной директории и добавить:

NEXT_PUBLIC_API=http://localhost:8000/api // ссылка на api
NEXT_PUBLIC_UPLOADS=http://localhost:8000/uploads // ссылка на хранение данных

3. npm run build - Собрать проект в Prod режиме
4. npm start - Запустить проект

---

Скрипты

• npm run dev - Запуск проекта в Dev режиме
• npm run build - Сборка в Prod режиме
• npm run start - Запуск Prod проекта
• npm run lint - Проверка файлов проекта линтером

---

Сущности (entities)

• reviews
• user

Фичи (features)

• auth
• favorites
• modal-confirm
• products
• scroll-up
• upload-image