luminave

Привет, Пикабу! Недавно я выкладывал сюда свой пет-проект — минималистичный сайт с аккордами RawChords, который я написал, потому что меня добили казиношные баннеры и кривая верстка на старых ресурсах.

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

Делюсь тем, что изменилось:

1. Исправил парсер (квинтаккорды). В прошлом обсуждении мне справедливо указали на косяк с отображением (была временная заглушка, из-за которой аккорды выглядели странно). Теперь логика полностью переписана, всё отображается как положено, музыкальные теоретики могут спать спокойно.
   2. Сортировки и верификация. Поправил счетчики просмотров, лайков и фильтры. Плюс пофиксил отображение галочки модератора для проверенных, точных разборов.
   
   Сразу оговорюсь: проект делался на голом энтузиазме, он бесплатный и без какой-либо монетизации. Я публикую это не ради коммерческой раскрутки, а чтобы получить вашу критику, отловить оставшиеся баги и поделиться удобным сервисом с теми, кому он реально нужен.
   
   🎸Залетайте: https://rawchords.vercel.app/

Привет, Пикабу!

Я играю на гитаре и, как и многие, регулярно ищу разборы песен в интернете. И каждый раз это превращается в испытание. Берешь в руки инструмент, открываешь первый попавшийся сайт на телефоне и вместо нормальных аккордов видишь пару баннеров с казино, верстка едет куда-то вправо, а сами аккорды иногда подобраны так, будто автор видел гитару только на картинке из-за кривых аппликатур аккордов.

Особенно бесит, когда ищешь разборы на что-то свежее из андера, (те же треки Кишлака, АПФС, CUPSIZE и т.д.). На старых сайтах-динозаврах их либо вообще нет, либо приходится продираться через кучу визуального мусора.

Я веб-разработчик, поэтому в какой-то момент мне это надоело, и я решил написать свой велосипед — минималистичный и удобный сайт для гитаристов, который не будет вызывать желания разбить телефон о стену.

Делал изначально для себя, но решил выкатить его в открытый доступ. Вот что получилось реализовать:

1. Никакой рекламы и мусора. Только текст песни, аккорды и аппликатуры. Интерфейс специально заточен под мобилки, чтобы можно было положить телефон на колено и спокойно играть.
2. Человеческий редактор разборов. Моя главная гордость. Если вы когда-то пробовали добавлять табы на другие сайты, вы знаете эту боль с выравниванием аккордов над текстом с помощью пробелов. Я сделал по-человечески: прямо в тексте пишешь аккорд в квадратных скобках (например, [Am] в любом месте текста), и сайт сам красиво ставит его ровно над нужным словом, сразу подтягивая картинку с аппликатурой.
3. Транспонирование и Укулеле. В один клик можно перевести песню в удобную тональность. А буквально на днях я прикрутил полноценный режим для укулеле.

Под капотом всё работает шустро на базе Next.js и Neon. Да, это пет-проект, и там еще есть что допиливать (например, сейчас учу парсер корректно распознавать и отрисовывать квинтаккорды, чтобы не писать временные заглушки), но базовый функционал уже работает как часы.

Пока каталог очень маленький — я потихоньку наполняю его своими разборами. Пикабушники-гитаристы, если вы любите играть, или у вас отличный слух и вы сами подбираете треки - залетайте потестить! Буду рад вашей критике по интерфейсу, баг-репортам и, конечно же, вашим авторским разборам, если захотите что-то добавить.

Ссылка на сайт: https://rawchords.vercel.app/