Привет, разработчики 👋
Это Savio здесь. Я молодой разработчик с намерением улучшить как успешный веб -разработчик. Я люблю создавать веб -приложения с React. Я доказал свое превосходство в фронтальных технологиях. Сегодня я хотел бы поделиться своим последним проектом Лофи Клуб
Небольшое воспоминание
Я большой поклонник музыки Lofi, на самом деле, многие из нас. LO-Fi-это музыкальный или качество производства, в котором элементы, обычно рассматриваемые как недостатки записи или производительности, слышен, иногда как преднамеренный эстетический выбор. Слушание музыки LOFI делает нас более продуктивными. Итак, я подумал, что смогу сделать одно приложение с основной целью как Без отвлекания LOFI Music Анкет
Представление Lofi Club
% [ https://www.youtube.com/watch?v=jd6nqrxt5la ]
Lofi Club – это место для прослушивания Live 24/7 Music Music. Поставляется с более чем 17 потрясающими треками, которые приложение запускает 24/7, позволяя вам расслабиться на все время. Темный минималистский пользовательский интерфейс, отзывчивый дизайн, живой чат, музыкальный игрок без отвлечения, список дел, таймер Pomodoro, управление на клавиатуре, плейлист, полноэкранный режим делает приложение супер продуктивным для ежедневного использования! Итак, сядьте и наслаждайтесь! 🙌
GitHub Repo / Живая демонстрация
Вдохновение
Я фанат музыки LOFI и всегда хотел услышать свежеприготовленную музыку LOFI. Я познакомился с lofi.cafe и любил работу. Мне просто нужно расширить его с гораздо более удивительной функцией. Использовал его как мой первый источник вдохновения. Кричать @linuz90 а также Maridivi89 Для вдохновения!
🎉 Особенности
Предоставляет отличное место для вас, чтобы расслабиться или просто расслабиться. Поставляется с более чем 17 треками. Темный минималистский пользовательский интерфейс делает его намного более удивительным. Живой чат, таймер Pomodoro, управление на клавиатуре, плейлист, полноэкранный режим делает приложение сверху лучше, чем его конкуренты.
17+ треков
Lofi Club поставляется с 17+ треками, которые заставляют вас приспособиться к вашему настроению.
Music Player без отвлечения
Темный, минималистский, без отвлеченного пользовательского интерфейса, чтобы помочь вам сосредоточиться или расслабиться. Также защищает время автономной работы.
Управление на клавиатуре
Lofi Club поддерживает контроль на клавиатуре. Вы можете сделать кучу вещей, которые сделают вашу супер продуктивную. Вот Полный список
Живой чат и режим
Общайтесь с живыми участниками, получите помощь. Будь кооперативным, охладить вместе. Наслаждайтесь с сообществом.
Помодоро таймер
Lofi Club поставляется с удивительным временем Super-Complex Pomodoro, чтобы удовлетворить ваши потребности и оставаться продуктивным.
Взглянный музыкальный плейлист
Lofi Club позволяет вам создать свой собственный плейлист, начав свой любимый. Гузл с этим!
Список дел
Организовать ежедневные задачи по работе и жизни. Следите за своими делами.
Полноэкранный режим
Наслаждайтесь Lofi Club в полноэкранном режиме. Я знаю, что тебе это понравится.
PWA, установленное приложение
Lofi Club – это PWA, что означает, что вы можете установить на локальное устройство и загружать без Интернета/.
Полностью отзывчивый
Независимо от того, какое ваше устройство, Lofi Club сделан только для вас. Наслаждайтесь Lofi Club на любом устройстве! 💻
Не стесняйтесь попробовать: https://loficlub.now.sh/
Светь репо ⭐ https://github.com/saviomartin/loficlub
💻 Построен с
- Реагировать
- Попутный ветер
- Материал UI : Для стиля и значков
- Animate.css : Для гладких анимаций
- Aos : Для анимации прокрутки
- React-Router-Dom : для маршрутизации
- Vercel : для хостинга
… и многое другое!
Планирование, строительство и развертывание
О да, это было трудоемким, но мне это понравилось.
- ### Designing Я использовал Figma для своего дизайна, я не эксперт Но я знаю, как сделать базовый дизайн и прототипирование.
- ### Планирование понятие – это потрясающий инструмент, о котором можно заботиться. Это достаточно продуктивно, чтобы я планировал свою повседневную работу. Я тоже использовал таймеры Pomodoro, я хочу быть продуктивным.
- ### Время кода, я настоящий любитель React. Я создал Lofi Club с React, я использовал много удивительных библиотек. Анимации были построены с Animate.css Используемый React-Router-Dom для маршрутизации, попутный ветер для стилей и куча удивительных библиотек, чтобы все было хорошо работать.
- ### Развертывание развертывания было сделано с Vercel. Я большой поклонник Vercel. Vercel очень быстрый и прост в использовании и управлении. Я также настраиваю развертывание Auto Github, поэтому мне не нужно развернуться каждый раз, когда что -то меняется.
Проблемы
Используемый реактивный маршрутизатор | Измените разные URL -адреса без загрузки |
использовал YouTube API | Генерировать миниатюры |
Оптимизированное приложение, решенные ошибки | Сделайте приложение 100/100 на проверке PWA |
Использовал @media Queries | Отзывчивость приложения |
Использовал библиотеку AOS | Добавление анимации прокрутки |
Используется библиотека реагирования | Уведомление в приложении |
✨ Что дальше
Это некоторые из функций, я в настоящее время имею в виду.
- Живой видеочат
- Сложная страница Тодо
- Сотрудничество
- Поднимайте треки
- Поделиться треками с общественностью
- Один логин нажатия (почти завершен 🚀)
🛡 Лицензирован под MIT
Lofi Club нуждается
Мы на Производство – Productthunt.com/posts/loficlub Анкет Пожалуйста, помогите нам отказаться от вашего UPVOTE! 💖
👀 Завертывание
Да, это обертка. Надеюсь, вам понравилось Lofi Club Анкет Не стесняйтесь использовать приложение. Не стесняйтесь делиться своими отзывами. Поделиться в Твиттере, отметьте меня @saviomartin7
Светь репо ⭐ github.com/saviomartin/loficlub
🌎 Давайте подключимся
🎸 Обратная связь
Хэш -дерево нуждается в ваших отзывах, чтобы улучшить. Помогите хеш -дерево, добавив свои ценные отзывы 💖
🙌 Поддерживать
Мои проекты подпитываются кофе ☕, возьмите один для меня!
Оригинал: “https://dev.to/saviomartin/introducing-lofi-club-enjoy-hip-hop-beats-to-relax-or-code-11ij”