Тентай
Розробив SPA для оформлення замовлення на доставку на React та TypeScript.
Проект дозволяє користувачу побудувати маршрут з кількома точками, вказати параметри вантажу, вибрати дату, заповнити контактні дані та отримати автоматичний розрахунок вартості доставки в реальному часі.
Що реалізовано:
#HTML/CSS/JavaScript/jQuery #html/css/js #React #TypeScript #Vite #SCSS #SPA #Frontend #API #AdaptiveDesign
- динамічне додавання та видалення точок маршруту;
- розрахунок відстані через OpenRouteService API;
- автоматичний перерахунок вартості замовлення;
- валідація email, телефону, дати та часу;
- збереження даних форми після перезавантаження сторінки;
- світла та темна тема;
- адаптивна верстка для desktop, tablet та mobile;
- деплой на Vercel;
- CI через GitHub Actions.
Цей проект демонструє роботу зі складною формою, зовнішнім API, станом програми, адаптивним інтерфейсом та бізнес-логікою розрахунку вартості.
Проект дозволяє користувачу побудувати маршрут з кількома точками, вказати параметри вантажу, вибрати дату, заповнити контактні дані та отримати автоматичний розрахунок вартості доставки в реальному часі.
Що реалізовано:
#HTML/CSS/JavaScript/jQuery #html/css/js #React #TypeScript #Vite #SCSS #SPA #Frontend #API #AdaptiveDesign
- динамічне додавання та видалення точок маршруту;
- розрахунок відстані через OpenRouteService API;
- автоматичний перерахунок вартості замовлення;
- валідація email, телефону, дати та часу;
- збереження даних форми після перезавантаження сторінки;
- світла та темна тема;
- адаптивна верстка для desktop, tablet та mobile;
- деплой на Vercel;
- CI через GitHub Actions.
Цей проект демонструє роботу зі складною формою, зовнішнім API, станом програми, адаптивним інтерфейсом та бізнес-логікою розрахунку вартості.