Design UI/UX Memanfaatkan AI

 Buka web https://stitch.withgoogle.com/ 

https://www.figma.com/make/

Prompt:

ilustrasi kecil pada empty state gunakan shadow lembut untuk card

output yang diharapkan

desain lengkap semua halaman

flow aplikasi dari dashboard -->transaksi --> pembayaran 

elemen ui konsisten

komponen reasable

warna dominan biru-putih-abu

layout responsif dan rapi

buat aplikasi lengkap dengan flow dashboard → transaksi → pembayaran dengan desain biru-putih-abu yang konsisten dan responsif.

https://comet-reply-73017557.figma.site/

Cara Unduh: 

 https://www.figma.com/design/n0yDHxgRIkkTShgnuJt68t/Complete-App-Design-Flow.

Pindahin ke Folder misal c:/figma

Cara Jalaninnya Instal Vue JS

https://vuejs.org/

Menjalankan file .tsx (TypeScript React) paling umum dilakukan dengan menumpuk proyek React/Next.js menggunakan Vite atau create-react-app. Gunakan terminal dan jalankan perintah npm run dev atau yarn dev untuk memulai server pengembangan dan merender komponen. Pastikan node.js terinstall. 

Buka Terminal:

ketika code . untuk masuk ke vscode
di terminal 

Install dependencies: npm install.

Jalankan aplikasi: npm run dev.

nanti diberi link localhost untuk edit http://localhost:5173/ 

https://builder.io/app/projects/fc15147f96814a6fb0e1af8aa788c0ec/main

CARA MENJALANKAN FLOWISE

Microsoft Windows [Version 10.0.26100.6899]

(c) Microsoft Corporation. All rights reserved.

C:\Flowise>pnpm start

> flowise@3.0.8 start C:\Flowise

> run-script-os

npm warn Unknown env config "auto-install-peers". This will stop working in the next major version of npm.

npm warn Unknown env config "hoist". This will stop working in the next major version of npm.

npm warn Unknown env config "link-workspace-packages". This will stop working in the next major version of npm.

npm warn Unknown env config "prefer-workspace-packages". This will stop working in the next major version of npm.

npm warn Unknown env config "shamefully-hoist". This will stop working in the next major version of npm.

npm warn Unknown env config "verify-deps-before-run". This will stop working in the next major version of npm.

npm warn Unknown env config "_jsr-registry". This will stop working in the next major version of npm.

npm warn Unknown project config "auto-install-peers". This will stop working in the next major version of npm.

npm warn Unknown project config "strict-peer-dependencies". This will stop working in the next major version of npm.

npm warn Unknown project config "prefer-workspace-packages". This will stop working in the next major version of npm.

npm warn Unknown project config "link-workspace-packages". This will stop working in the next major version of npm.

npm warn Unknown project config "hoist". This will stop working in the next major version of npm.

npm warn Unknown project config "shamefully-hoist". This will stop working in the next major version of npm.

 

> flowise@3.0.8 start:windows

> cd packages/server/bin && run start

 

2025-10-23 15:08:04 [INFO]: Starting Flowise...

2025-10-23 15:08:04 [INFO]: 📦 [server]: Data Source initialized successfully

2025-10-23 15:08:04 [INFO]: 🔄 [server]: Database migrations completed successfully

2025-10-23 15:08:04 [INFO]: 🔐 [server]: Identity Manager initialized successfully

2025-10-23 15:08:15 [INFO]: 🔧 [server]: Nodes pool initialized successfully

2025-10-23 15:08:15 [INFO]: ⏹️ [server]: Abort controllers pool initialized successfully

2025-10-23 15:08:15 [INFO]: 🔑 [server]: Encryption key initialized successfully

2025-10-23 15:08:15 [INFO]: 🚦 [server]: Rate limiters initialized successfully

2025-10-23 15:08:15 [INFO]: 💾 [server]: Cache pool initialized successfully

2025-10-23 15:08:15 [INFO]: 📊 [server]: Usage cache manager initialized successfully

2025-10-23 15:08:15 [INFO]: 📈 [server]: Telemetry initialized successfully

2025-10-23 15:08:15 [INFO]: 🌊 [server]: SSE Streamer initialized successfully

2025-10-23 15:08:15 [INFO]: 🎉 [server]: All initialization steps completed successfully!

2025-10-23 15:08:15 [INFO]: ⚡️ [server]: Flowise Server is listening at :3000

 

Jalankan di browser: http://localhost:3000/signin

agungbaitulh@gmail.com

@gungBaitul83

Microsoft Windows [Version 10.0.26100.6899]

(c) Microsoft Corporation. All rights reserved.

 

C:\laragon\www\admin perpustakaan\ta>php artisan serve

 

   INFO  Server running on [http://127.0.0.1:8000].

 

  Press Ctrl+C to stop the server