Я собрал минималистичное приложение для заметок - Cotes 😺

ChatGPT, ты мой бог!

Не знаю, какое животное меня ужалило в известное всем место, но я снова решил попробовать свои силы в программировании (копипасте кода с нейросетей, кхм). Около месяца назад мне в голову пришла идея: "А почему бы не сделать приложения для заметок, которое будет максимально простым и минималистичным?" Концепция такая:

- Никаких подписок.

- Никаких лишних функций.

- Простой и удобный интерфейс.

- Полное сосредоточение на тексте.

- Адаптация под мобилки.

Сначала я нарисовал дизайн. Сделал это как умел, по старинке: в Figma. Вот что у меня получилось, так сказать, на бумаге:

Самое забавное, что в итоге у меня получилось скорее не приложение, и не для мобильных устройств, а добротный такой десктопный сайт, который я уже в последнюю очередь сверстал для мобилок. Дело в том, что я не особо шарю, как делаются приложения на Python или Java, или еще на каком-нибудь другом языке. Поэтому в ход пошли нейросети. А так как я имел опыт работы с html/css и в лучшие годы писал красивенькие сайтики, я решил остановиться на этом варианте. А там уже в будущем как-нибудь завернуть все это в одеяло из Python и скомпилировать для Android. К слову, у меня получилось.

Благо на днях хайпанули Qwen и Deepseek, я их протестил и, в целом, остался доволен. Правда, DeepSeek сдох на второй день разработки, поэтому приходилось "шагать на костылях". Перекидывать файлы в различные нейронки: от ChatGPT до Claude и Qwen и т.п. Где-то заканчивались лимиты на загрузку файлов, где-то нейронки просто подыхали от количества контекста, который надо было заполнить.

Короче говоря, мой тезис из предыдущей статьи о том, что разработка с помощью нейронок на данный момент - тот еще гемор. Гораздо круче, когда ты сам шаришь, и, видимо, так будет еще долго. А может и нет, не знаю.

Я начал пилить. В первый день я сделал базовый интерфейс и постарался настроить основные функции, такие как возможность написания и сохранения заметок, а также их дальнейшего редактирования и удаления. Перебрал кучу вариантов, но в итоге остановился на простой отдельной страничке редактора - editor.html
В первый день вся эта катавасия выглядела как-то так (извините за шакальное качество):

Только потом, где-то к вечеру первого дня я решил подобрать красивое название всему этому делу и выбрал "Cotes". Ну типа Notes/Cotes. Поняли, да? Хе-хе. На самом деле, тут нет какого-то скрытого смысла. Всего лишь хотелось ассоциации с котиками.

На второй день я занялся анимациями, редачил style.css, перебирал кучу вариантов того, как должен вести себя интерфейс. В итоге получились простенькие, но очень приятные анимки. Я остался доволен.

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

И получившийся результат мне очень зашел. Я решил оставить его таким и начать верстку под мобилки. Это заняло какое-то время, но все получилось. А, еще поиск добавил, такие дела.
На данный момент приложение имеет весь основной функционал, устоявшийся дизайн и стиль. Я выложил репозиторий на GitHub и ссылку на .apk в своем тг канале, поэтому вы можете сами со всем ознакомиться и скачать, потестить.

Я не планирую хостить все это дело, платить за сервер у меня нет желания. Но впереди много работы, я планирую расширить функционал редактора. Не сильно, но хотя бы возможность прикреплять фотки добавить нужно. Также не помешала бы темная тема. Да и верстка оставляет желать лучшего, нужно допиливать. И к тому же, приложение изначально планировалось делать на смартфоны, а по факту это чисто десктопная штука.

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

Как-то так. Не знаю, что из этого выйдет, но поделиться своим трудом захотелось. Кстати, вот логотип приложения:

Всем спасибо за прочтение данной пасты, а я пошел и дальше делать свое дерьмо. Удачи!