Личный проект для практики веб-разработки

Разработано в свободное время для тестирования новых технологий

SMARTteh — это личный проект интернет-магазина электроники, созданный для практики full-stack разработки. Здесь я экспериментировал с современными технологиями и реализовал полный цикл e-commerce приложения.

• Практика работы с Vue 3 Composition API
• Освоение связки Node.js + Express + MongoDB
• Реализация JWT аутентификации
• Создание адаптивного дизайна с темной темой
• Тестирование различных подходов к разработке

• Каталог товаров с фильтрацией и поиском
• Корзина покупок с управлением количеством
• Оформление заказа с выбором доставки
• Личный кабинет с историей заказов
• Система авторизации через JWT

• Управление товарами — добавление, редактирование
• Просмотр заказов и изменение статусов
• Управление пользователями

• Vue 3 — Composition API, реактивность
• Vite — быстрая сборка
• Vue Router — навигация
• CSS3 — кастомная темная тема

• Node.js + Express — серверная часть
• MongoDB + Mongoose — база данных
• JWT — аутентификация
• bcrypt — шифрование паролей

git clone https://github.com/MusaBuruzhev/SMARTteh.git

cd SMARTteh

cd backend

npm install

npm run dev

cd ../frontend

npm install

npm run dev

• Темная тема с оранжевыми акцентами
• Адаптивный интерфейс для всех устройств
• Минималистичный подход — фокус на функциональности

• SPA архитектура без перезагрузок страниц
• REST API с четким разделением endpoints
• Компонентный подход во Vue.js
• Модульная структура бэкенда

• Vue 3 Composition API vs Options API
• Работа с MongoDB через Mongoose
• JWT аутентификация и защита маршрутов
• Загрузка файлов на сервер
• State management без Vuex/Pinia

• Добавить PWA функциональность
• Реализовать онлайн-оплату
• Добавить систему отзывов и рейтингов
• Внедрить кэширование данных
• Написать unit-тесты

Этот проект создавался в образовательных целях для закрепления навыков full-stack разработки. Все решения и архитектура — результат личных экспериментов и изучения документации.