Haneya — Execution Plan
July 2026
→ January 2027
6 months. 3 parallel tracks. One outcome: enter the IT job market in Semarang fully armed — with N2, a framework-built portfolio app, and SSW knowledge already in hand.
Tech Stack Recommendation
Primary framework
Next.js 14
React-based, so you build React knowledge through it — no wasted detour. Handles routing, API backend, and SSR out of the box. One framework = full-stack app. Most demanded in ID market for modern web roles.
Most demanded in ID
React-based
Full-stack
Vercel deploy (free)
Styling
Tailwind CSS
Utility-first CSS — fast to learn, looks clean, and is now the standard at most modern companies. You won't be fighting CSS specificity wars. Portfolio will look professional immediately.
Industry standard
Fast to learn
Portfolio-ready UI
Database
PostgreSQL
Closes your SQL gap while building the app. Every query you write for the learning tool is SQL practice for data engineering. Two goals, same hours. Supabase gives you free hosted Postgres instantly.
Closes SQL gap
DE-relevant
Supabase free tier
ORM + Auth
Prisma + NextAuth
Prisma makes database work intuitive with type safety. NextAuth handles login/auth without reinventing the wheel. Together they let you focus on features, not plumbing. Industry standard in Next.js ecosystem.
Type-safe DB
Auth solved
Industry standard
Why this stack specifically for your Japanese learning tool: The app will need user accounts (NextAuth), vocabulary/kanji storage with progress tracking (PostgreSQL + Prisma), spaced repetition logic (Next.js API routes), and a clean UI (Tailwind). This stack handles all of it cleanly. You deploy to Vercel for free. One URL. Show any recruiter. Also — learning Next.js means your Laravel backend knowledge transfers conceptually to API routes. You're not starting from zero.
Learning Order (Don't skip steps)
Week 1–2
React fundamentals
Components, hooks, useState, useEffect, props
›
Week 3–4
Next.js basics
Routing, pages, layouts, API routes
›
Week 5–6
Tailwind + Prisma + Supabase
Styling + DB setup + schema design
›
Week 7+
Build the app
Feature by feature. Real code, real problems.
Resource recommendation: Start with the official Next.js "Learn" tutorial (nextjs.org/learn) — it's free, hands-on, covers React + Next.js together, uses App Router (latest). Don't buy courses. Official docs + building the real project is enough. When stuck: ChatGPT or Claude for debugging. Your Laravel background means server-side thinking is not new to you.
Monthly Schedule — July 2026 to January 2027
💻
Tech (primary focus)
- React fundamentals — components, hooks, state (wk 1–2)
- Next.js basics — routing, pages, API routes (wk 3–4)
- Set up dev environment: Node, VS Code, GitHub repo
- Complete official Next.js Learn tutorial end-to-end
📖
JLPT N2 Study
- Set study plan — identify weak areas from N3 experience
- Start grammar (文法) — N2 has ~170 grammar points
- Vocabulary: 10–15 new words/day minimum
- Target: 1.5hr/day N2 study
💻
Tech
- Tailwind CSS — learn through building UI components
- PostgreSQL + Prisma setup — design jpan app schema
- Supabase project setup (free hosted Postgres)
- NextAuth — implement login/register for the app
- First working page of Japanese learning tool deployed to Vercel
📖
JLPT N2 Study
- Grammar continues — 50% of N2 grammar done by end Aug
- Reading (読解) practice starts — short passages daily
- Vocab: maintain 10–15/day pace
🇯🇵
SSW Research
- Start researching TG1 sectors — which fits your situation
- Identify verified agencies (IJNET / embassy list)
- Understand skills test requirements per sector
💻
Tech (building in earnest)
- Vocabulary system — add/review/search kanji & vocab
- Spaced repetition algorithm — core feature, makes app unique
- User progress tracking stored in PostgreSQL
- Write SQL queries directly (don't hide behind Prisma only)
- Mobile-responsive UI with Tailwind
📖
JLPT N2 Study
- Grammar: complete all N2 grammar points — review starts
- Listening (聴解) practice — N2 listening is harder than N3, start early
- First full mock test — identify weakest section
Oct
2026
Advanced Features
💻
Tech
- Listening practice module — audio integration
- Reading practice section — passages with annotations
- Analytics dashboard — show user their own progress stats
- Performance optimization — loading speed, image handling
- Write proper README and project documentation
📖
JLPT N2 Study
- Intensive mock tests — minimum 2/week
- Focus on weakest section from September mock
- Kanji: systematic review of N2 kanji list
🗂️
Portfolio Prep
- Start writing portfolio site or GitHub profile README
- Frame school voting system properly (RBAC + data integrity)
- Frame Jobstreet scraper (data pipeline + structured output)
💻
Tech
- App is feature-complete and deployed — final polish
- Fix bugs, UX improvements, edge cases
- Deploy final version to Vercel with custom domain
- Record a short demo video for portfolio
📖
JLPT N2 — Final Sprint
- Full mock tests every 3 days
- Grammar and vocab consolidation
- N2 is December — this month is make-or-break
🗂️
Job Prep Starts
- Write CV — Data Engineer + Full Stack framing
- Research Semarang IT companies + Japanese companies in ID
- LinkedIn profile updated with all projects
- Prepare answers for common tech interview questions
📖
JLPT N2 — EXAM
- Sit JLPT N2 exam — first week of December
- Light review only in the days before — don't cram
- Results come in February — plan continues regardless
🗂️
Job Applications Open
- Start sending applications — don't wait for N2 results
- Target: Japanese IT companies in Semarang first
- Also target: startups, mid-size tech companies in Semarang/remote
- Aim for 5–10 applications by end of December
💻
Tech — Wind Down
- App is live. No new features — only fixes if needed.
- Start researching what skills the companies you applied to use
🎯
IT Job Interviews
- Full interview mode — technical tests, HR rounds, portfolio walkthroughs
- Present the learning tool as your primary portfolio piece
- Move to Semarang — low cost of living, save from day 1
- Target salary: Rp 10–15jt as Data Engineer / Full Stack at Japanese company
- Don't accept below Rp 8jt — you have leverage with this portfolio
- College semester 6/7 continues online — manageable alongside work
Suggested Weekly Rhythm (July–November)
Daily time allocation — adjust to your own energy peaks
Wed
2hr Tech
2hr N2
1hr SSW
Sat
Portfolio
2hr N2
2hr Tech
Sun
Rest / review
1hr N2 light
Key Milestones
End of July
Next.js working
Complete official tutorial. First page of learning tool deployed live.
Tech ✓
End of September
App core done
Vocab system + spaced repetition + user auth working and deployed.
Portfolio ✓
End of November
Everything ready
App polished. CV done. LinkedIn updated. Applications started.
Prep ✓
December
JLPT N2 exam
Sit the exam. Don't stop applying while waiting for results.
Critical ✓
Things That Will Kill This Plan
1. Tutorial hell. You don't need 5 different React courses. Do the official Next.js tutorial once, then immediately start building the real app. Learning without building is wasted time. Every bug you fix in your own app teaches more than 3 hours of watching videos.
2. Letting N2 slip to "I'll study harder next month." N2 grammar has ~170 points. You need consistent daily exposure, not cramming. 1.5hr/day from July = enough. 0hr/day July-October then panic in November = fail.
3. Overbuilding the app before the basics work. Get vocab + spaced repetition + auth working first. Then add features. A polished core beats a bloated broken app every time for portfolio purposes.
4. Waiting for N2 results before applying for jobs. Results come February 2027. Start applications December 2026. Your portfolio and N3 (already confirmed) are enough to get interviews. N2 result is a bonus when it arrives, not a prerequisite.