Портфолио: Криптовалютная биржа

This project was planned to be done using UI-library for decreasing the time of development.

UI had to provide the following options:

Registration, logging in and out;
Showing a wallet data;
Replenishing of the balance;
Currency exchange;
Sending money;
Control over the favorites list;
Displaying of exchange rates;
Notifications about operations.

I designed the 3 column UI. The most important part of it — money operations — is in the middle.

When the prototype was accepted I headed directly to coding it. The appearance of the UI elements was defined by the Semantic UI library, so all I had to to is to bring everything together.

Rates table, which is originaly horizontal, was taking too much space on mobile screen, so I had to transpose it.

That year popular trends were neon and retrowave, so I made a background resembling the cyberspace, alongside with a blinking neon-ish title.

Netcoin Exchange is a final project of the «Basic JavaScript» course at this moment. Source code can be found in repo.

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

Интерфейс Биржи должен был предоставлять следующие возможности:

Регистрация пользователя, вход и выход из аккаунта;
Отображение баланса пользователя;
Пополнение счёта;
Конвертация средств;
Перевод средств;
Ведение списка контактов пользователя;
Отображение курсов валют;
Уведомление о статусах операций.

Я представила интерфейс в виде трёх колонок. Самая важная информация и функции (операции с деньгами) располагаются в центре экрана.

Когда прототип был утверждён, я сразу приступила к вёрстке. Внешний вид элементов определила библиотека Semantic UI, оставалось только собрать их в единое целое и адаптировать страницу под мобильные устройства.

Таблица курсов валют, которая на десктопе горизонтальная, занимала слишком много места, поэтому я решила её транспонировать.

В тот год в моде был неон и ретровейв, поэтому я немного похулиганила, сделав фон похожим на киберпространство, а заголовок в виде барахлящей неоновой надписи :)

Криптовалютная биржа является дипломным проектом на курсе «Основы JavaScript» в настоящее время. Исходный код можно посмотреть в репо.

NetcoinExchange

БиржаНеткоинов