Doodlo - Design Praktis dan Mudah

Website design grafis yang praktis dan mudah digunakan, terinspirasi dari Canva.

Struktur Proyek

• backend/ - Node.js Express API
• frontend/ - HTML, CSS, JavaScript client
• shared/ - Assets dan konfigurasi bersama

Fitur

• Landing Page dengan informasi lengkap tentang Doodlo
• Authentication System (Login/Register)
• Canvas Editor dengan drag & drop
• Text Editing dengan customizable properties
• Shape Tools (Rectangle, Circle)
• Image Upload dengan drag & drop support
• Template Gallery dengan template siap pakai
• Export Design sebagai PNG
• User Management dengan session handling
• Auto-save functionality

Cara Menjalankan

1. Backend: cd backend && npm install && npm start
2. Frontend: Buka frontend/landing.html di browser untuk memulai
3. Akses:
   • Landing page: frontend/landing.html
   • Editor (setelah login): frontend/index.html

Tech Stack

• Backend: Node.js, Express, Multer
• Frontend: Vanilla JavaScript, HTML5 Canvas, CSS3
• Database: JSON file storage (untuk demo)