Tentang Proyek Ini

Flairesta adalah proyek yang dikembangkan untuk sebuah kompetisi dari "TEKNOVISTAFEST" dengan tema fashion. Proyek ini berfokus pada peningkatan estetika website, menghadirkan desain antarmuka yang menarik dan dinamis bagi para pengguna. Dengan memanfaatkan teknologi seperti HTML, CSS, JavaScript, dan berbagai framework JavaScript, Flairesta bertujuan untuk menciptakan pengalaman visual yang elegan dan relevan dengan dunia fashion.

---

Daftar Isi

1. Pendahuluan

   • Gambaran Umum Flairesta
   • Tujuan Proyek
   • Motivasi Pengembangan
   • Pernyataan Masalah

2. Teknologi yang Digunakan

   • HTML
   • CSS
   • JavaScript

3. Tema Fashion

   • Gambaran Umum Fashion dari Tahun 1900-2000
   • Bagaimana Tema Fashion Mempengaruhi Desain Flairesta
   • Inspirasi Gaya Utama

4. Fitur

   • Estetika dan Tata Letak Website
   • Antarmuka Pengguna (UI) Interaktif
   • Kustomisasi Tema Fashion
   • Desain Responsif

5. Proses Desain

   • Konseptualisasi Estetika
   • Proses Pengembangan Frontend

6. Tantangan & Solusi

   • Masalah Desain Estetika
   • Optimisasi Performa

7. Pelajaran yang Didapat

   • Pengembangan Keterampilan Teknis
   • Wawasan Desain
   • Poin-poin Penting

8. Kesimpulan

   • Refleksi Proyek
   • Rencana Pengembangan di Masa Depan

Berikut adalah instruksi yang lebih sederhana untuk menginstall dan menjalankan proyek Flairesta yang hanya menggunakan HTML, CSS, dan JavaScript:

---

Cara Menginstall dan Menjalankan Proyek Flairesta

Langkah-langkah Installasi

1. Clone Repository

   • Buka terminal atau command prompt.
   • Jalankan perintah berikut untuk meng-clone repository dari GitHub: bash git clone https://github.com/SearchforDimm/Flairesta.git

2. Masuk ke Direktori Proyek

   • Pindah ke direktori proyek yang baru saja di-clone: bash cd flairesta

3. Buka di Browser

   • Tidak diperlukan instalasi tambahan. Anda bisa langsung membuka file index.html dari folder proyek di browser.
   • Caranya, buka file index.html dengan salah satu cara berikut:
     • Klik kanan pada file index.html dan pilih "Open With" -> Browser pilihan Anda (Chrome, Firefox, dll.).
     • Atau, bisa juga menyeret (drag) file index.html ke jendela browser.

Instruksi Tambahan

• Jika Anda ingin menjalankan proyek menggunakan server lokal sederhana untuk pengembangan, Anda bisa menggunakan ekstensi seperti Live Server di Visual Studio Code.

Preview Halaman / Cara Penggunaan

• https://github.com/user-attachments/assets/bf35daf2-f393-481b-9eaa-54f04b1e4627 Page About

• https://github.com/user-attachments/assets/5b4de32e-8f69-43b4-b34a-76eff70f1fae Page Category

• https://github.com/user-attachments/assets/f3e261d6-0437-49cb-b40f-bdd4df6e25db Home Page

Credit

• Dimm | Dev (github.com/searchfordimm)
• Amuzha | Dev (github.com/amuzha)
• Ayumi | Dev (github.com/ayoumi0416)