GeoTax.biz — ლენდინგი ბუღალტრული სერვისისთვის საქართველოში

კლიენტი: GeoTax

ვებ-საიტი: https://geotax.biz

პროექტის შესახებ

GeoTax — ეს არის პრეზენტაციული ლენდინგი ბუღალტრული აღრიცხვის სერვისისთვის, რომელიც განკუთვნილია მცირე ბიზნესისა და ინდივიდუალური მეწარმეებისთვის საქართველოში. საიტის მთავარი ამოცანაა წარმოადგინოს მომსახურება, მიაწოდოს მომხმარებელს საჭირო ინფორმაცია და უზრუნველყოს სწრაფი კავშირი მხარდაჭერასთან ჩაშენებული ჩატის საშუალებით.

ამოცანა

შექმნათ თანამედროვე, სწრაფი და მრავალენოვანი ლენდინგი, რომელიც:
წარმოადგენს ბუღალტრული აღრიცხვის სერვისს მეწარმეებისთვის საქართველო��ი
მუშაობს სამ ენაზე (ქართული, რუსული, ინგლისური) — ადგილობრივი ბაზრისა და ექსპატების გათვალისწინებით
უზრუნველყოფს მყისიერ კავშირს მხარდაჭერასთან ონლაინ ჩატის საშუალებით
სწორად გამოისახება ნებისმიერ მოწყობილობაზე
აქვს კარგი SEO-ოპტიმიზაცია ორგანული ტრაფიკისთვის

გადაწყვეტა

შემუშავებულია მსუბუქი ერთგვერდიანი საიტი Vue 3-ზე, აქცენტით ჩატვირთვის სიჩქარეზე, გამოყენების სიმარტივესა და მხარდაჭერის მარტივობაზე. რთული ბექენდის ნაცვლად, მომხმარებელთან ურთიერთქმედების მთელი ლოგიკა რეალიზებულია მესამე მხარის სერვისებთან ინტეგრაციით.

განხორციელების ძირითადი მახასიათებლები

ცოცხალი მხარდაჭერის ინტეგრაცია (Chatwoot)

საკუთარი ტიკეტების სისტემის შემუშავების ნაცვლად, ინტეგრირებულია Chatwoot — ღია კოდის ონლაინ ჩატის ვიჯეტი. ვიზიტორებს შეუძლიათ დასვან შეკითხვა პირდაპირ საიტზე, ხოლო მიმართვები ავტომატურად ხვდება ერთიან მხარდაჭერის სისტემაში. ამან საშუალება მისცა კლიენტებთან კომუნიკაციის არხის გაშვებას ბექენდის შემუშავების გარეშე.

სრული მრავალენოვნება (EN / RU / KA)

რეალიზებულია სამი ენის მხარდაჭერა i18next-ის მეშვეობით, ცალკეული ლოკალიზაციის ფაილებით. ენის გადართვა ხდება მყისიერად, გვერდის გადატვირთვის გარეშე, არჩეული ლოკალის შენახვით. ეს კრიტიკულია საქართველოს ბაზრისთვის, სადაც სამი ენობრივი აუდიტორია თანაარსებობს.

ადაპტური დიზაინი (Mobile-First)

ინტერფეისი შექმნილია მობილური მოწყობილობების პრიორიტეტით Tailwind CSS-ის საშუალებით. ყველა სექცია სწორად გამოისახება 320px-დან 4K-მდე ეკრანებზე.

ღია და მუქი თემები

რეალიზებულია თემების გადამრთველი მომხმარებლის არჩევანის localStorage-ში შენახვით.

SEO-ოპტიმიზაცია

sitemap.xml-ის გენერაცია ყოველი აწყობისას
ოპტიმიზებული მეტა-ტეგები თითოეული ენობრივი ვერსიისთვის
სემანტიკური HTML-მარკირება

ანალიტიკა და მონიტორინგი

Google Analytics — ვიზიტებისა და მომხმარებლების ქცევის თვალთვალი
GlitchTip (Sentry-თან თავსებადი) — JavaScript-ის შეცდომების ავტომატური შეგროვება პროდაქციაში შეტყობინებებით

ტექნოლოგიური სტეკი

Frontend:

Vue 3 (Composition API) — რეაქტიული ფრეიმვორკი თანამედროვე API-თ
Vite 8 — ზეჩქარი აწყობა და HMR განვითარებისას
Tailwind CSS 4 — utility-first მიდგომა სტილების მიმართ
i18next — ინტერნაციონალიზაცია
Lucide Vue Next — მსუბუქი იკონკები
Vue Router — მარშრუტიზაცია გვერდებს შორის (Home, Terms, Privacy, GDPR)

ტესტირება:

Vitest — კომპონენტების იუნიტ-ტესტები
ESLint — კოდის სტატიკური ანალიზი
კოდის დაფარვის ავტომატური შემოწმება CI-ში

ინფრასტრუქტურა:

Docker + Nginx — აპლიკაციის კონტეინერიზაცია
GitHub Actions — ავტომატური CI/CD
GitHub Container Registry (GHCR) — Docker-სურათების საცავი
სემანტიკური ვერსიონირება (MAJOR.MINOR.PATCH)

DevOps და ავტომატიზაცია

პროექტი კონფიგურირებულია “push-to-deploy” პრინციპით:

CI/CD პაიპლაინი (GitHub Actions)

ყოველი push-ის დროს ავტომატურად შესრულდება:

კოდის ლინტინგი (ESLint)
იუნიტ-ტესტების გაშვება (Vitest)
კოდის დაფარვის შემოწმება
პროექტის აწყობა და smoke-ტესტი
Docker-სურათის აწყობა და GHCR-ში გამოქვეყნება (მხოლოდ main-ისთვი��)

კონტეინერიზაცია

Docker-სურათი ქვეყნდება GitHub Container Registry-ში ვერსიის და latest ტეგებით. ეს საშუალებას იძლევა:

ნებისმიერი ვერსიის დეპლოი ერთი ბრძანებით
მყისიერად დაბრუნება პრობლემების შემთხვევაში
გარემოს რეპროდუცირება ნებისმიერ მანქანაზე

ვერსიების მართვა

Makefile-სკრიპტები ვერსიების ავტომატური bump-ისთვის package.json-ში SemVer-ის მიხედვით.

შედეგი

შექმნილია production-ready ლენდინგი, რომელიც:

იწყება მილიწამებში — Vite + Vue 3 უზრუნველყოფენ ბანდლის მინიმალურ ზომას
მუშაობს სამ ენაზე — მოიცავს მთელ სამიზნე აუდიტორიას საქართველოში
მზადაა განაცხადების მისაღებად — Chatwoot ინტეგრირებულია და მუშაობს ყუთიდან
შეესაბამება GDPR-ს — cookie-ბანერი და კონფიდენციალურობის ცალკეული გვერდები
ავტომატურად ტესტირდება და დეპლოირდება — CI/CD გამორიცხავს ადამიანურ ფაქტორს
ადვილად შენახვადია — სუფთა არქიტექტურა, დოკუმენტაცია, კონტეინერიზაცია

დასკვნები

GeoTax — მაგალითი იმისა, თუ როგორ შეიძლება სწრაფად გაუშვათ ხარისხიანი პროდუქტი თანამედროვე ინსტრუმენტებისა და მესამე მხარის სერვისების გამოყენებით, ნულიდან ყველაფრის შემუშავების ნაცვლად. Chatwoot-ის ინტეგრაციამ დახურა მხარდაჭერის საკითხი, Google Analytics-მა — ანალიტიკა, GlitchTip-მა — მონიტორინგი, ხოლო Docker-მა და GitHub Actions-მა — დეპლოი.

პროექტი აჩვენებს თანამედროვე frontend-სტეკთან (Vue 3, Vite, Tailwind), მრავალენოვნებასთან, მესამე მხარის სერვისებთან ინტეგრაციასთან და სრულფასოვანი CI/CD პაიპლაინის კონფიგურაციასთან მუშაობის უნარებს.

ტექნიკური სტეკი

Vue 3
Vite 8
Tailwind CSS 4
Docker
GitHub Actions
Chatwoot
GlitchTip
ენები: EN, RU, KA