Flashcards TBS Verbal

A flashcards app for TBS Verbal - Sinonim built with Vue and Vite.

🚀 Live Demo

You can try the live version of this application here:
🔗 Flashcards TBS Verbal

🛠 Tech Stack

• Vue.js
• Vite
• GitHub Pages (for deployment)

🚀 Fitur Utama

• Menampilkan kata beserta definisi dan contoh penggunaan.
• Navigasi antar kartu dengan tombol Next dan Previous.
• Data kata tersimpan dalam file cards.json untuk kemudahan pemeliharaan.

🛠️ Teknologi yang Digunakan

• Vue 3
• Vuetify

📥 Instalasi & Menjalankan Aplikasi

1. Clone repo ini

   git clone https://github.com/username/flashcards-tbs-verbal.git
   cd flashcards-tbs-verbal

2. Instal dependensi

   npm install

3. Jalankan server pengembangan

   npm run dev

4. Buka aplikasi di browser Biasanya tersedia di http://localhost:5173/ (tergantung konfigurasi Vite).

📂 Struktur Data

Aplikasi ini menggunakan file cards.json sebagai sumber data utama untuk flashcards. Struktur data JSON yang digunakan adalah sebagai berikut:

[
  {
    "word": "Hostes",
    "definition": "Pramugari atau pemandu wanita yang bertugas melayani tamu di suatu acara atau tempat.",
    "example": "Hostes di restoran itu menyambut tamu dengan ramah dan mengarahkan mereka ke meja yang telah disiapkan."
  },
  {
    "word": "Jenggala",
    "definition": "Hutan lebat atau wilayah yang masih liar dan belum terjamah.",
    "example": "Para peneliti menemukan spesies burung langka di tengah jenggala yang terpencil."
  }
]