workshop-web-design

Tutorial menjalankan contoh

Ada 2 cara untuk mencoba contoh

Jika kamu punya git(Direkomendasikan)

git bisa di download lewat website berikut https://git-scm.com/downloads

  1. di cmd, jalankan git clone https://github.com/ahmad-reza619/workshop-web-design.git
  2. lanjut command cd workshop-web-design
  3. lalu kita instalasi dependensi npm install
  4. terakhir jalankan npm run dev
  5. kamu bisa buka halaman localhost:5173, atau tekan di keyboard h kemudian o

Jika tidak punya git

  1. ketika buka github, tekan tombol code
Screenshot 2023-05-21 at 21 45 25
  1. lalu tekan download zip
  2. Kemudian extract zip tersebut, terserah pake winrar, atau 7zip juga bisa
  3. buka folder yang diekstrak di vscode
  4. tekan ctrl + ` untuk membuka terminal vscode, lalu ketik perintah npm install
  5. terakhir npm run dev

Notice

Di repository ini, ada 2 branch, pertama ada branch main, disini aku ngebikin versi wireframe dari design yang kita buat. dan satu lagi final, final ini hasil akhir designku, punya temen2 banyak yang beda, jadi ga harus ngikutin, kalian bisa mempelajari 2 branch itu agar bisa mencoba membuat versi kalian sendiri Screenshot 2023-05-21 at 21 53 12