inHear - Музыкальное приложение

inHear - это музыкальное приложение, разработанное для прослушивания и управления музыкальными треками, плейлистами и исполнителями. Приложение обладает удобным интерфейсом, системой аутентификации и личной библиотекой музыки. Также в inHear есть функция top Chart, которая отображает самые популярные треки, плейлисты и исполнителей среди пользователей.

Основные функции

  • Аутентификация: Пользователи могут зарегистрироваться и войти в свою учетную запись, чтобы получить доступ ко всем функциям приложения.
  • Добавление треков: Пользователи могут добавлять свои любимые треки в личную библиотеку музыки.
  • Управление плейлистами: Пользователи могут создавать и управлять своими плейлистами, добавлять и удалять треки из плейлистов.
  • Управление исполнителями: Пользователи могут просматривать информацию об исполнителях и добавлять их в свою коллекцию.
  • Личная библиотека музыки: Пользователи могут просматривать и управлять своей личной коллекцией музыки.
  • Top Chart: Пользователи могут просматривать самые популярные треки, плейлисты и исполнителей, основанные на предпочтениях других пользователей.

Технологии

Frontend

  • React: JavaScript-библиотека для разработки пользовательских интерфейсов.
  • Redux Toolkit: Библиотека для управления состоянием приложения.
  • rtk query: Библиотека для работы с серверными данными и запросами.
  • react-router-dom: Библиотека для маршрутизации внутри приложения.
  • react-icons: Библиотека с иконками для использования в интерфейсе.
  • react-spinners: Библиотека с анимированными спиннерами для отображения загрузки.
  • hamburger-react: Библиотека с компонентами гамбургер-меню.
  • classnames: Библиотека для условного применения CSS-классов.
  • swiper: Библиотека с компонентами слайдера.
  • module scss: Препроцессор CSS для стилизации компонентов.

Backend

  • Express: Фреймворк для создания веб-приложений на Node.js.
  • MongoDB: NoSQL база данных для хранения информации о пользователях, треках, плейлистах и исполнителях.
  • bcrypt: Библиотека для хеширования паролей пользователей.
  • cors: Пакет для обработки CORS (Cross-Origin Resource Sharing) запросов.
  • jwt: Библиотека для создания и проверки JSON Web Tokens.
  • multer: Пакет для обработки загрузки файлов на сервер.

Репозиторий с backend: https://github.com/seelentov/in-hear-backend

Заключение

inHear - это музыкальное приложение, которое предоставляет удобный способ прослушивания и управления музыкой. Благодаря системе аутентификации, пользователи могут создавать и управлять своими плейлистами, добавлять треки в личную библиотеку музыки и наслаждаться самыми популярными треками и исполнителями. Репозиторий inHear является частью моего портфолио и демонстрирует мои навыки разработки frontend и backend приложений.