LokerMate AI adalah aplikasi PWA mobile-first untuk fresh graduate yang ingin menyimpan lowongan kerja, melacak status lamaran, dan membuat konten bantuan lamaran/interview menggunakan Gemini AI — tanpa login dan tanpa database.
- Dashboard statistik loker + quick action.
- CRUD loker (tambah, edit, detail, hapus dengan konfirmasi).
- Cari, filter, sort loker.
- AI Action Panel (Chat HR, follow-up, job fit analysis, interview prep, CV bullets, intro).
- Riwayat AI (search/filter, copy, hapus, export TXT, clear all).
- Settings profil lokal + export/import JSON + export CSV + reset data.
- PWA ready (manifest + install hint).
- Next.js App Router
- React
- Tailwind CSS
- JavaScript
- Framer Motion
- Lucide React
- localStorage
- Next.js API Route untuk Gemini REST API
app/routes +app/api/gemini/route.jscomponents/reusable UI componentslib/storage abstraction, prompts, export utils, validatorspublic/manifest.json+ icon placeholders
npm install
npm run devBuka http://localhost:3000.
npm run build
npm run startBuat .env.local:
GEMINI_API_KEY=your_gemini_api_key_here
GEMINI_MODEL=gemini-2.5-flash-liteGunakan .env.example sebagai template. Jangan commit file .env/.env.local.
- Push repo ke GitHub.
- Import project di Vercel.
- Set Environment Variables di Vercel Project Settings:
GEMINI_API_KEYGEMINI_MODEL
- Deploy.
- Buka web app di Chrome Android.
- Tap menu browser (⋮).
- Pilih Add to Home Screen / Install App.
Data disimpan lokal di browser (localStorage) menggunakan key:
lokermate_jobslokermate_ai_historylokermate_profilelokermate_settings
Disarankan rutin backup via Export JSON.
- API key Gemini hanya dipakai server-side di
app/api/gemini/route.jsviaprocess.env.GEMINI_API_KEY. - Frontend memanggil
/api/gemini(bukan langsung ke Gemini). - Tidak ada auth/no-login pada V1.
- Bergantung pada localStorage (bisa hilang jika cache/browser dibersihkan).
- Belum ada sinkronisasi cloud.
- Belum ada service worker custom/caching strategy lanjutan.
- Migrasi storage ke IndexedDB/Supabase.
- Multi-device sync.
- Reminder follow-up notifikasi.
- Analytics progres lamaran.