Как сделать сайт проекта, о котором ничего не знаешь на старте - история крипто-портала
Из статьи вы узнаете, как мы разработали портал с web 3.0, затратив минимальное количество ресурсов, и чего нам это стоило.
Это децентрализованная платформа для презентации проекта с личным кабинетом инвестора.
Проект представлял собой адаптивный веб-сайт, для которого мы разрабатывали весь фронтенд, бэкенд и интеграцию с блокчейном Ethereum. Первая публичная версия была выпущена в начале 2018 года.
Я заводил полезные знакомства, и создал вокруг себя небольшое блокчейн-комьюнити, где нашел всех нужных мне людей: технического адвайзера, ребят, которые могли проконсультировать по технологии блокчейн и написанию смарт-контрактов.
Решение
На старте у нас были только кусочки айдентики: логотип и основные смыслы с рефами. Мы не знали наверняка, как проект будет выглядеть окончательно, поэтому действовали исходя из чувства собственного стиля и создавали разные варианты интерфейса.
В первой версии сделали очень грубый и однотонный сайт - это был прототип с ним уже можно было взаимодействовать.
“Я глубоко ушел в изучение блокчейн-технологии. Для начала нужно было сформировать базу первичных скиллов: изучить язык Solidity, на котором пишутся смарт-контракты Ethereum. Разобраться, как вообще блокчейн работает, т.е. изучить основы технологии (EVM, транзакции, эфир, газ, работа в Remix IDE, компиляция и деплой и тому подобное)”
В деталях команда разработки состояла из 3 человек:
- Менеджер проекта;
- High Middle JS Разработчик;
- High Middle PHP Разработчик.
“Мы втроём справлялись со стороны разработки, а помогал нам технический адвайзер с хорошим бэкграундом, который на тот момент участвовал в блокчейн-разработке Сбербанка”
Было решено, что для комплексного и эффективного решения указанных задач на стороне бэкенда целесообразно использовать:
- PHP5;
- Symfony;
- Mysql;
- Docker.
Технологический стек на стороне фронтенда:
- TypeScript;
- Vue.js;
- Webpack;
- web3.js;
- Jasmine;
- Karma;
- SCSS;
- PostCSS.
Мы разработали личный кабинет инвестора, позволяющий создать криптокошелек и прикрепить его к аккаунту для отслеживания баланса, а также провести транзакцию, в т.ч. реализовали:
- интеграцию с Blockchain-сетью Ethereum, используя библиотеку Web3.js;
- децентрализованную систему хранения данных; крипто-кошельков (вся приватная информация хранится только локально);
- поддержку ERC-20 токенов в личном кабинете пользователя;
- внедрить возможность добавления и создания кошелька ERC-20 в ЛК пользователя;
- расчет курса токена;
- автоматизированную покупку токена через платежные системы.
Проект был мультиязычным и переведен на 7 языков (русский, английский, китайский, корейский, японский, немецкий, испанский).
Результат
Задача была решена за 3 месяца (ноябрь 2017 — январь 2018). В 2018 году компания успешно провела 2 раунда презентации идеи и привлекла инвестиции в свой стартап. Общее количество холдеров — 1000+.
“С командой мы создали сайт проекта с личным кабинетом инвестора, где применили инструменты блокчейна: взаимодействие со смарт-контрактом, Solidity, компиляцией и деплой, Web3.0”
В этом посте Дмитрий собрал ссылки на те материалы, которые могут пригодиться для начинающих блокчейн-разработчиков (официальные документы, туториалы, статьи и др.). Заглядывайте в наш телеграм-канал, подписывайтесь, читайте про новости и проекты в IT!