completador de musica
1.0.0
Нажмите здесь, чтобы увидеть работу проекта
Этот проект представляет собой веб -приложение, разработанное с Frameworks Next.js и Tailwind, которое направлено на изучение иностранных языков через музыку. Оказавшись на домашней странице приложения, вы должны проинформировать название песни и ее автора, в котором будет представлен список найденных песен, так что просто выберите песню, которую вы хотите, поместите ее на какую -то платформу, такую как YouTube или Spotify и заполните пробелы, представленные в текстах правильным словом. Пробелы приведены случайным образом, что позволяет вам всегда иметь разные слова для завершения и, таким образом, улучшать свои языковые навыки, пытаясь учиться.
Чтобы запустить приложение локально, вам необходимо загрузить этот репозиторий (либо по параметрам клона GitHub, либо через файл .zip) и изменить файл call model.env.local . Этот файл должен быть переименован в .env.local , и значение переменной, присутствующей в этом файле, должно быть изменено на допустимое значение токена клиента, полученного из API Genius, базы для пакета, используемого для получения букв. Доступ к документации можно получить, нажав здесь.
После этого на главной странице проекта вам нужно будет запустить команды npm i для установки помещения npm run dev для запуска проекта. После компиляции проект будет доступен локально через localhost:3000 .
Примечание. Порт 3000 - это порт по умолчанию, но я рекомендую вам увидеть, какой порт проект действительно будет проходить через терминал, где использовалась команда npm run dev .
Если вы хотите получить доступ к онлайн -проекту, нажмите здесь, чтобы увидеть развертывание, сделанное на платформе Vercel.
На домашней странице приложения вы должны поместить имя музыки и человека или группы, с которой эта песня связана. На этом домашнем экране вы также можете выбрать сложность музыки. Чем больше сложности, тем больше пробелов, похоже, сделает вас завершением. Как только имя и авторство песни были выбраны, вы должны нажать кнопку поиска. Это составит список результатов для вашего поиска, а затем просто нажмите на карту, которая содержит желаемую музыку, и здесь стоит отметить, что по мере получения песен через API музыка на нескольких языках доступна. После того, как вы нажали на музыкальную карту, приложение перейдет на страницу песни, на которой есть интерфейс ниже:
Каждый разрыв имеет две кнопки. Первым из них является кнопка коррекции, обозначенная проверкой, которая исправит текущий разрыв, оставляя зеленый край, если слово было напечатано правильно и красное в противном случае. Вторая кнопка - это кнопка наконечника, представленная лампой. Эта кнопка покажет слово, которое должно быть напечатано в этом разрыве. Эти действия являются индивидуальными и применимы только к текущему разрыву.
Помимо этих локальных действий, интерфейс содержит шесть кнопок глобального действия:
Чтобы внести свой вклад в проект, вы можете открыть проблему в проекте, немного рассказывающую о функции, которую вы хотите реализовать, или о ошибке, которую вы нашли (я в итоге не нашел ошибки, что, вероятно, означает, что я не искал их достаточно хорошо, хахаха). Если возможно, поместите некоторое изображение, связанное с предметом, потому что оно облегчает визуализацию и понимание.
Если вы хотите реализовать что -то на основе проекта, не стесняйтесь. Этот проект является открытым исходным кодом, поэтому вам не нужно мое разрешение делать что-либо. Просто сделайте вилку Project и начните свою реализацию, так как вы найдете лучше, и если вы хотите отправить репозиторий PREACK PROSTION с вашей реализацией, тоже чувствуйте себя комфортно. Просто не забудьте поместить сообщение, в котором говорилось, что улучшения или то, что вы реализовали. О, и если вы не хотите делать PR, но вы использовали этот проект в качестве базы, вы можете открыть здесь номер со ссылкой на хранилище, потому что я хочу составить список, чтобы те, кто получал доступ к этому проекту, также могли получить доступ к реализациям других пользователей.
Если вы хотите что -то сделать, но вы не знаете, что делать, вы можете взглянуть на проблемы проекта, чтобы увидеть, есть ли у нас что -то открытое, а затем просто попросите меня назначить эту задачу вам.
