Tentai

Opracowałem SPA do składania zamówień na dostawę w React i TypeScript.

Projekt pozwala użytkownikowi zbudować trasę z wieloma punktami, określić parametry ładunku, wybrać datę, wypełnić dane kontaktowe i uzyskać automatyczny kalkulator kosztów dostawy w czasie rzeczywistym.

Co zostało zrealizowane:
#HTML/CSS/JavaScript/jQuery #html/css/js #React #TypeScript #Vite #SCSS #SPA #Frontend #API #AdaptiveDesign

- dynamiczne dodawanie i usuwanie punktów trasy;
- obliczanie odległości przez OpenRouteService API;
- automatyczne przeliczanie kosztów zamówienia;
- walidacja emaila, telefonu, daty i czasu;
- zapisywanie danych formularza po przeładowaniu strony;
- jasny i ciemny motyw;
- responsywne układanie dla desktopów, tabletów i urządzeń mobilnych;
- wdrożenie na Vercel;
- CI przez GitHub Actions.

Ten projekt pokazuje pracę złożonym formularzem, zewnętrznym API, stanem aplikacji, responsywnym interfejsem i logiką biznesową obliczania kosztów.