Екстремальний девелопмент: розробка e-commerce додатків за 24 години

Як часто ви замовляєте товари онлайн? Купуючи на Rozetka.ua, Citrus.ua, Asos.com та інших майданчиках ви стаєте учасником електронної комерції. Розробка у цій галузі — один з основних напрямків роботи Master of Code Global: наші майстри реалізують додатки для Shopify —найпопулярнішої у світі платформи для створення інтернет-магазинів. Вони допомагають продавцям ефективніше продавати товари, а покупцям — простіше їх знаходити. MOC виступив технологічним партнером додатків, представлених у офіційному магазині Shopify, тож майстрам було чим поділитися на E-commerce hackathon з новачками у e-commerce.

E-commerce hackathon від команди Master of Code Ukraine

В учасників хакатону були ідеї функціоналу для онлайн-магазину, 24 години на їх реалізацію та підтримка менторів. Переможців шляхом голосування обирали учасники та ментори, зважаючи на користь, складність та завершеність проекту, а також самостійність команди. Тож, вітаймо переможців!

Команда менторів «E-commerce hackathon»

Перше місце посіла команда CamelCase. Хлопці вдосконалили функціонал пошуку в Shopify магазині: розумний пошук на основі рейтингу. Дані про усі товари зберігаються на бекенді, після покупки користувач може оцінити куплену річ, дані потрапляють на сервер і коли хтось інший шукатиме подібну позицію, алгоритм пропонуватиме варіанти із найвищим рейтингом. Також хлопці додали гнучкий пошук за всіма характеристиками товару. Пошук генерує варіанти після введення всього одного символу та зрозуміє вас навіть якщо запит введено з помилкою. У Shopify запит потрібно вводити повністю і без помилок, а підказки показуються на основі попередніх пошуків. Для реалізації застосували JavaScript бібліотеку під назвою liquid.js та налаштували її критерії, серед яких орієнтація по тегах, назві та іншим характеристикам товару.

Команда «CamelCase»

Можливість порівняння двох та більше товарів втілила команда Twisters. Розроблений на Javascript та Bootstrap додаток являє собою каталог з доданою кнопкою «порівняти». З нього можна обрати кілька позицій, натиснувши на кнопку «переглянути порвіняння» з’явиться вікно з обраними товарами та їх характеристиками. Порівняння проводиться за умови наявності у позицій спільних пунктів опису. Учасники команди вперше працювати з Javascript, який вони задіяли у своєму проекті. Це дещо сповільнювало темп розробки, адже доводилось вчитися працювати з мовою програмування на ходу, проте це не стало на перешкоді завоювання командою другого місця.

Команда «Twisters»

Трійку переможців замкнула команда «Шопоголіки», для них це був перший досвід участі в хакатоні та розробки для Shopify. Знаючи як інколи важливо занотувати бажані покупки, вони створили функцію «Список бажань». На прикладі магазину годинників «шопоголіки» продемонструвати як додавати товари в список, як їх звідти видаляти, а також надсилати обране на імейл через інтегровану функцію Shopify.’’ Перелік представлених позицій магазину «забирається» на стороні бекенду засобами ShopifyAPI. Загалом, розробка являє собою Embedded-додаток для платформи Shopify, реалізований засобами MVC (Model-View-Controller) фреймворка RubyOnRails та мови шаблонізації ShopifyLiquid. Аби заохочувати покупців для продавців створено функцію становлення знижок на обрані товари.

Команда «Шопоголіки»

Призом глядацьких симпатій відзначили команду Bay Team. У команди була амбіційна мета — популяризувати Shopify серед українських підприємців, додавши до переліку перевізників «Нову Пошту». Bay Team вдалось розібратися із законодавчою базою такої послуги, інтегрувати API, проте для остаточної реалізації їм дещо забракло часу.

Команда організаторів та учасники «E-commerce hackathon»

Прийняти участь у хакатоні може кожен охочий розробник незалежно від його рівня навичок. Заходи проводяться у офісі Master of Code у центрі Черкас, проте скоро долучитися до хакатонів можна буде й у Києві, адже команда відкриває офіс у столиці. Більше новин та анонсів команди на Facebook.

LinkedIn
Допустимые теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Допустимые теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Подписаться на комментарии