🎯Веб-приложение, которое превращает громоздкие URL-адреса в элегантные и краткие ссылки, готовые к использованию в любой ситуации.
☝ Проект развернут и доступен по адресу: https://short-link-manager.vercel.app
Приложение предоставляет функционал для создания коротких ссылок и детальную и удобную для анализа таблицу данных.
✅Регистрация пользователя: создайте свой личный аккаунт, чтобы начать использование всех функций.
✅Аутентификация: войдите в систему с помощью своего логина и пароля, чтобы получить доступ к вашему персонализированному рабочему пространству с сохранёнными ссылками и статистикой.
✅ Создание ссылок: легко создавайте новые короткие ссылки прямо из модуля статистики, экономя время и усилия.
✅ Сортировка: организуйте список ссылок по различным критериям, чтобы легко находить нужные вам данные.
✅ Копирование ссылок: одним кликом скопируйте короткую ссылку, чтобы мгновенно поделиться ею в нужном месте.
✅ Отслеживание переходов: наглядно отслеживайте количество переходов по каждой ссылке, что поможет вам понять их эффективность и охват аудитории.
📖 Для сортировки по нескольким столбцам нужно использовать комбинацию клавиш Shift+Left Mouse Button
- Вот как это делается:
✅ Кликните на заголовок столбца, по которому хотите сортировать первично. - ✅ Затем, удерживая клавишу Shift на клавиатуре, кликните левой кнопкой мыши на заголовке второго столбца, по которому вы хотите сортировать вторично.
- ✅ Повторите этот процесс для добавления дополнительных столбцов в порядок сортировки.
Для установки приложения, выполните следующие шаги:
-
Установите 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