Всем привет! Меня зовут Андрей Мельников, и уже более 7 лет я работаю в области веб-дизайна, маркетинга и сайтостроения.
Стоит отметить сразу, что за спиной у меня были хорошие знания в верстке, дизайне и базовые навыки в написании простеньких JS скриптов, однако этого едва ли хватало, чтобы написать что-нибудь по-настоящему толковое.
В начале 2022 года я познакомился с блокчейном TON, и именно тогда, когда я узнал о всех прелестях взаимодействия с блокчейном, у меня появилась мечта вплотную изучить JS для написания какого-нибудь крутого сервиса, который так или иначе будет взаимодействовать с The Open Network.
На тот момент возникло множество сомнений, касаемо реализации моего плана. Можно ли выучить JS, используя различные фреймворки, за короткий промежуток времени? Как построить архитектуру веб-приложения, с чего начать и к чему прийти в итоге?
Спустя год, в начале февраля, я окончательно решил достигнуть своей цели и принялся изучать различные видеоматериалы по программированию на React JS и Node JS. Скажу сразу, у меня никогда не было особых проблем с дизайном и визуальным восприятием веб-сайтов. Я относительно всегда понимал, как сделать просто, красиво и со вкусом.
На результат проделанной работы можно посмотреть, перейдя по ссылке metafork.io.
Сверстав несколько основных страниц, я решил сразу же параллельно переносить их на сам React JS фреймворк. С этим особого труда не возникло, и практически все, что необходимо было сделать, это заменить class на className в исходных файлах - проще простого!
Следующий шаг в написании крипто социальной сети на базе TON - это изучение Redux и взаимодействие с ним. Тогда я очень слабо понимал, что такое состояние приложения, как работает Redux и для чего он вообще нужен. Дабы не расписывать здесь все в мельчайших подробностях, объясню в трех словах.
Redux - это словно контейнер, который хранит все необходимые данные, получаемые с серверной части. Список постов, список пользователей, информацию о профиле и так далее. А уже затем все эти данные, словно провода, протягиваются в необходимые нам компоненты.
После того, как я изучил и написал все это дело на React, разумеется с еще пока что вымышленными данными в state, я решил приступить к разработке и изучению серверной части Node JS. Насколько же облегчает процесс написания кода реализация приложения на одном языке. Если бы мне пришлось писать бэкенд на PHP или каком-либо другом языке, я и представить не могу, как бы я справился с этой задачей. Пока что в моем понимании, это звучит весьма запутанно. Другое дело JS/JS.
В целом, написание серверной части оказалось еще более простой задачей, нежели реализация фронтенда.Здесь все куда проще - нам необходимо брать данные из БД и выводить их по нужным адресам в JSON формате. Условно, по пути /users мы отдаем список пользователей из базы данных, а на фронте, при помощи Axios, получаем все эти данные и загружаем в state вместо тех вымышленных, что я написал ранее.
Буквально через 2 месяца в моем браузере уже была полностью работоспособная социальная сеть с еще базовым функционалом. Все было идеально, кроме одного момента - авторизации и регистрации. На тот момент авторизация на сайте была реализована при помощи обычного ввода логина и пароля. Но уже изначально я понимал, что это временное решение, которое будет заменено реализацией логина при помощи Ton Connect 2.0.
Круто, но на этом этапе возникло непреодолимое чувство страха, ведь мне предстоит взаимодействовать с блокчейном, а это уже куда более сложная задача, чем написание всего того, чем я уже мог похвастаться.
В конечном итоге, авторизация при помощи кошелька, вывод NFT токенов, жетонов (альткоинов TON) и прочие прелести работы с TonAPI были реализованы буквально за 15-20 дней в совокупности. Все оказалось намного проще, чем я мог себе представить.
В целом, я считаю, что мой опыт создания социальной сети Metafork на блокчейне TON показывает, что даже с практически нулевыми знаниями в программировании можно достичь своих целей, если у вас есть желание и настойчивость. Главное - не бояться изучать новые технологии и не останавливаться на достигнутом.
Для авторизации на платформе, вам понадобится скачать один из криптокошельков, Tonkeeper или Tonhub. Оба доступны как на Appstore так и на Google Play.
Периодически буду так же публиковать на VC результаты своей дальнейшей работы, ведь в планах очень много крутых плюшек, которые смогут сделать сеть еще лучше и оригинальнее!