Как сделать сайт проекта, о котором ничего не знаешь на старте - история крипто-портала

Из статьи вы узнаете, как мы разработали портал с web 3.0, затратив минимальное количество ресурсов, и чего нам это стоило.

Как сделать сайт проекта, о котором ничего не знаешь на старте - история крипто-портала

Это децентрализованная платформа для презентации проекта с личным кабинетом инвестора.

Проект представлял собой адаптивный веб-сайт, для которого мы разрабатывали весь фронтенд, бэкенд и интеграцию с блокчейном Ethereum. Первая публичная версия была выпущена в начале 2018 года.

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

Дмитрий Мартьянов, СЕО Frontend Production

Решение

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

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

Как сделать сайт проекта, о котором ничего не знаешь на старте - история крипто-портала

“Я глубоко ушел в изучение блокчейн-технологии. Для начала нужно было сформировать базу первичных скиллов: изучить язык 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!

55
2 комментария

Правильные слова подобраны, добавлю в избранное, и когда начну уделять время изучению БЧ, начало буду брать из твоей статьи ;)

1

Я немного не понял, что же вы сделали.
Можно по-простому объяснить неучу.
То есть вы организовали покупку криптовалют на сайте и хранение их локально(не понял где-это).
И зачем-то смарт-контракты. Зачем смарт-контракты? Вы что договора собираетесь подписывать на сайте?