Aplikasi AI Image Generator yang dibangun dengan Express.js dan Tailwind CSS.
- Dashboard Workstation - Interface untuk generate gambar AI
- Asset Library - Kelola dan browse hasil generate
- Dark Mode - UI modern dengan tema dark
- Responsive Design - Tampilan optimal di semua perangkat
- Real-time Status - Monitor sistem dan credit
- Backend: Express.js v5.2.1
- View Engine: EJS v3.1.10
- Styling: Tailwind CSS v3.4.1
- Icons: Material Symbols
- Fonts: Inter, Space Grotesk, JetBrains Mono
- Clone repository
git clone <repository-url>
cd image-tool-ai- Install dependencies
npm install- Jalankan server
npm start- Buka browser di
http://localhost:3000
image-tool-ai/
├── public/
│ └── css/
│ └── output.css
├── src/
│ ├── app.js
│ ├── input.css
│ └── routes/
├── views/
│ ├── dashboard.ejs # Halaman utama workstation
│ ├── library.ejs # Halaman asset library
│ ├── test.ejs # Halaman testing
│ └── partials/
│ ├── head.ejs # Head dengan Tailwind config
│ ├── header.ejs # Navigation header
│ ├── sidebar.ejs # Sidebar menu
│ └── scripts.ejs # Scripts
├── server.js # Entry point
└── package.json
- / - Dashboard Workstation (Generator AI)
- /library - Asset Library
- /test - Testing Tailwind Components
Untuk development dengan auto-rebuild CSS:
npm run build:cssBuat file .env di root project:
PORT=3000
GET /- Dashboard WorkstationGET /library- Asset LibraryGET /test- Test PagePOST /api/generate- Generate Image (Coming Soon)
ISC