Skip to content

icaluwu/Victovia

Repository files navigation

🐱 Victovia - Website Statis Adopsi Kucing 🐱

Victovia adalah website statis berbasis Vue.js yang menyediakan layanan adopsi kucing. Website ini menampilkan informasi mengenai kucing yang tersedia untuk diadopsi, lokasi tempat adopsi, dan cara menghubungi kami.


Kontribusi

  1. CookieStudio dalam Freepik
  2. KatemanGostar dalam Freepik
  3. Freepik dalam Freepik


🚀 Fitur Utama

  • Halaman Utama (Home) - Informasi umum tentang Victovia
  • Halaman Tentang (About) - Detail tentang misi dan visi Victovia
  • Halaman Lokasi (Location) - Informasi alamat, jam operasional, dan peta Google Maps
  • Daftar Kucing - Menampilkan daftar kucing yang bisa diadopsi dengan foto dan deskripsi

🛠️ Teknologi yang Digunakan

  • Vue.js 3 - Framework JavaScript untuk frontend
  • Pinia - State management untuk menyimpan data kucing
  • Bootstrap 5 - Styling dan responsivitas UI
  • Vue Router - Navigasi antar halaman
  • Google Maps Embed - Menampilkan lokasi di peta

📌 Cara Instalasi & Menjalankan Proyek

  1. Clone Repository
    git clone https://github.com/username/victovia.git
    cd victovia
    

Struktur Folder

victovia/
│── src/
│   ├── public/         # Folder gambar & public
│   ├── components/     # Komponen reusable (Navbar, Footer, dll.)
│   ├── views/          # Halaman utama (Home, About, Location)
│   ├── stores/         # Pinia store untuk state management
│   ├── router/         # Konfigurasi Vue Router
│   ├── App.vue         # Root component utama
│   ├── main.js         # Entry point aplikasi
│── public/             # File statis
│── package.json        # Konfigurasi npm & dependencies
│── README.md           # Dokumentasi proyek

Preview

Screenshot 2025-03-18 161748

Screenshot 2025-03-18 161758

Screenshot 2025-03-18 161812

Screenshot 2025-03-18 161903

About

Repository of static website using VueJS3, Bootstrap, Pinia,etc.

Topics

Resources

License

Stars

Watchers

Forks