/threads

Онлайн-магазин одежды

Primary LanguageTypeScript

Logo

thread

Онлайн магазин одежды

Сайт

Описание проекта

Проект "thread" представляет собой онлайн магазин одежды со своей админкой, который находится в стадии разработки. В настоящее время реализованы базовые функциональности, такие как авторизация и регистрация пользователей через пароль и почту, а также возможность входа с использованием аккаунтов в социальных сетях. Пользователи могут добавлять товары в корзину, удалять их, а также выбирать необходимые размеры. В админке также можно увидеть все товары и удалить выбранные.

homepage

Стек:

nextjs turbopack reactjs typescript mongodb mongoose effector axios nodemailer jwt prettier eslint stylelint framermotion swiper sass/scss

  • Next.js - фреймворк React для создания SSR и статических веб-приложений.
  • Turbopack - преемник Webpack на основе Rust
  • React - библиотека для создания пользовательских интерфейсов.
  • TypeScript - ЯП с сильной типизацией, созданный на основе JavaScript и предоставляющий более совершенные инструменты.
  • MongoDB - NoSQL база данных.
  • Mongoose - инструмент моделирования объектов MongoDB для Node.js.
  • Effector - библиотека для управления состоянием приложения.
  • Axios - библиотека для выполнения HTTP запросов.
  • Nodemailer - модуль Node.js для отправки электронной почты.
  • jsonwebtoken - библиотека для создания и проверки JWT.
  • ESLint - инструмент статического анализа кода для идентификации проблемных образцов в коде.
  • Prettier - инструмент форматирования кода, который автоматически приводит код к единообразному стилю.
  • Stylelint - инструмент для проверки CSS на соответствие стандартам и синтаксису, а также для поиска ошибок в коде стилей.
  • Framer Motion - библиотека анимаций для React.
  • Swiper - библиотека для создания слайдеров с поддержкой сенсорных жестов.
  • Sass - препроцессор CSS.

Установка и запуск

  1. Установите зависимости с помощью команды:
yarn install
  1. Создайте файл .env на основе .env.example и заполните необходимые переменные.
  2. Для создания миграций MongoDB используйте команду:
mongo-migrate up
  1. Запустите проект в режиме разработки с помощью команды:
yarn run dev
  1. Для сборки проекта используйте:
yarn run build
  1. Для запуска собранного проекта используйте:
yarn start