Skip to content

Sergey7709/BlinkLogic

Repository files navigation

Проект BLINK LOGIC: SHORT LINK MANAGER

🎯Веб-приложение, которое превращает громоздкие URL-адреса в элегантные и краткие ссылки, готовые к использованию в любой ситуации.

☝ Проект развернут и доступен по адресу: https://short-link-manager.vercel.app

Приложение предоставляет функционал для создания коротких ссылок и детальную и удобную для анализа таблицу данных.

✅Регистрация пользователя: создайте свой личный аккаунт, чтобы начать использование всех функций.

✅Аутентификация: войдите в систему с помощью своего логина и пароля, чтобы получить доступ к вашему персонализированному рабочему пространству с сохранёнными ссылками и статистикой.

✅ Создание ссылок: легко создавайте новые короткие ссылки прямо из модуля статистики, экономя время и усилия.

✅ Сортировка: организуйте список ссылок по различным критериям, чтобы легко находить нужные вам данные.

✅ Копирование ссылок: одним кликом скопируйте короткую ссылку, чтобы мгновенно поделиться ею в нужном месте.

✅ Отслеживание переходов: наглядно отслеживайте количество переходов по каждой ссылке, что поможет вам понять их эффективность и охват аудитории.

📖 Для сортировки по нескольким столбцам нужно использовать комбинацию клавиш Shift+Left Mouse Button

  • Вот как это делается:
    ✅ Кликните на заголовок столбца, по которому хотите сортировать первично.
  • ✅ Затем, удерживая клавишу Shift на клавиатуре, кликните левой кнопкой мыши на заголовке второго столбца, по которому вы хотите сортировать вторично.
  • ✅ Повторите этот процесс для добавления дополнительных столбцов в порядок сортировки.

Стек технологий

React Typescript React Router Mantine UI Mantine React Table TanStack Query Axios Docker

Установка приложения

Для установки приложения, выполните следующие шаги:

  • Установите Git (если еще не установлен). Вы можете загрузить Git с официального сайта https://git-scm.com/.

  • Установите Node.js и и менеджер пакетов pnpm.

  • Зайдите на https://nodejs.org для установки Node.js, если у вас его еще нет.

  • После установки Node.js, установите pnpm с помощью команды:
    ✅ npm install -g pnpm

  • Клонируйте репозиторий приложения.

  • Откройте терминал и выполните команду:
    ✅ git clone git@github.com:Sergey7709/Short-Link-Manager.git

  • Установите зависимости проекта с помощью pnpm:
    ✅ pnpm install

  • Запустите приложение:
    ✅ pnpm dev