Go Back

BOP - Веб-сайт для оформлення кредитного договору

Веб-сайт компанії розроблений у формі заявки, яку необхідно заповнити для отримання кредитного договору. У звязку з розширенням діяльності, компанії потрібно було його змінити на більш сучасний та динамічний

web

Project screenshot

Наш замовник

BOP Finance - австралійська компанія, яка прагне допомогти сім’ям безпечно кредитувати. Наявність надійної угоди між партнерами допомагає захистити їх від майбутніх незручностей. Подібно до банківської системи для кредиту на житло, BOP Finance надає окрему заявку для кредитора та позичальника для задоволення їх потреб.

Поставлені задачі

Веб-сайт компанії розроблений у формі заявки, яку необхідно заповнити для отримання кредитного договору. У звязку з розширенням діяльності, компанії потрібно було змінити поточний веб-сайт на більш сучасний та динамічний і додати адмін частину. 

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

Наше рішення

Робочий процес проходив по Agile в рамках фреймворку Scrum, що включало послідовні ітерації та регулярні Demo мітинги з клієнтом.

Весь скоуп робіт вели використовуючи клієнтський інструмент управління проєктами - Jira.

Для переписання веб-сайту було використано фреймворк Next.JS.

Головне флоу було у вигляді кроків, на кожному з яких, заповнювалися певні поля. Кінцевою метою заповнених кроків, був сформований кредитний договір, який приходив в PDF формі на імейл. 

Були створені наступні поля для заповнення даної форми: text inputs, percentage inputs, checkboxes, number inputs, radio buttons, dropdown list та інші. До всіх полів додано валідацію. 

Для стилізації сторінок використовувалася бібліотека stitches. 

Для генерації заповненої на сайті форми заявки в PDF-документ, було використано  бібліотеку Syncfusion. Тобто, заповнена заявка з веб-сайту програмним способом генерується в PDF-документ. 

Основний функціонал серверної частини було переписано на .NET 7.0. 

.NET 7.0. є однією з останніх версій платформи .NET, яка дозволяє створювати сучасні програми з використанням найновіших технологій. А саме, в цій версії збільшена швидкість та продуктивність додатків; додана мульти-платформенність,  що дозволяє запускати серверні додатки на різних операційних системах (Windows, Linux та macOS).

З метою збереження цілісності данних, переносячи їх з минулого веб-сайту, було використано PostgreSQL. База данних PostgreSQL це потужна система управління даними, яка використовується для зберігання, організації та управління великими обсягами інформації.

При розробці бази даних було використано підхід Code first. Даний підхід спрощує процес розробки баз даних та дозволяє легко зберігати моделі даних, забезпечуючи більшу гнучкість під час змін в цих моделях.

До сайту було додано адмін панель, авторизація до якої, була виконана за допомогою JWT token. Даний тип токена зменшує ризик витоку даних та є більш стійким до підробки, на відміну від інших токенів. 

Була прив'язана геолокація до Google Maps, завдяки чому при введенні перших букв адреси користувача, Google підтягує варіанти, що додає зручності.

Веб-сайт адаптивний під будь-який тип пристроїв: мобільний телефон, планшет чи для десктопного варіанту.

Технології, які були використані

Next.JS, React, .NET 7.0, PostgreSQL, Syncfusion.

Бажаєте оптимізувати та оновити ваш веб-сайт? Звертайтесь за посиланням нижче, до менеджерів BuildApps та отримуйте консультацію. Ми зробимо для вас якісний ІТ-продукт за короткий час!

Готові розпочати?

Зв'яжіться з нами