Mohd. Farhan. S - Developer

About

I'm Farhan, a fresh Informatics Engineering graduate at Universitas Islam Riau, open to relocating for the right opportunity. I build production-grade full-stack apps across two ecosystems: Next.js/TypeScript for modern web applications and Laravel/PHP for backend-heavy systems.

My projects include a deployed news portal with a multi-role CMS, real-time trending analytics, and 256 Playwright E2E tests running green in CI, and a nutrition monitoring system for Indonesia's national free meal program. I also interned at the provincial government's tech department, building a Laravel starter template their team now uses as the base for new projects.

3 Full-stack apps (2 in production)

256 E2E tests passing in CI

100/100 Lighthouse SEO

Jul 2026 Fresh graduate

{
  "name": "Mohd. Farhan. S",
  "status": "Fresh graduate · open to roles",
  "location": "Pekanbaru, Riau",
  "open_to_relocate": true,
  "stack": [
    "Next.js", 
    "TypeScript", 
    "Laravel"
  ],
  "languages": [
    "Indonesian (native)", 
    "English (professional)"
  ],
  "thesis": "SPPG Dashboard",
  "looking_for": "Junior Dev role"
}

Skills

Languages

TypeScript JavaScript PHP SQL HTML5 CSS3

Front-end

React 19 Next.js 15 App Router Server Components Server Actions Tailwind CSS shadcn/ui React Hook Form Zod TanStack Query Recharts Chart.js Vite Bootstrap Responsive UI

Back-end

Node.js Laravel 12 REST API Design Auth.js v5 Laravel Sanctum JWT Authentication MVC Architecture Clean Architecture

Database

PostgreSQL MySQL Prisma ORM Database Design Schema Migrations

Testing & Quality

Playwright (E2E) PHPUnit Automated Testing WCAG 2.1 AA / axe-core Lighthouse

Security

OWASP-aligned Hardening RBAC CSP/HSTS Headers Rate Limiting Input Sanitization CSRF Protection

Cloud & DevOps

Vercel Git GitHub CI/CD (GitHub Actions) Cloudinary Upstash Redis Sentry

Practices

Agile Workflow Code Review Web Performance Optimization SEO

Projects

NewsPortal — homepage with trending articles and category navigation

NewsPortal — CMS editor dashboard with DRAFT to REVIEW to PUBLISHED editorial workflow

Jun 2026 Personal Project

NewsPortal

Indonesian news portals are often static and editor-heavy. NewsPortal is a production CMS with a structured editorial workflow, real-time trending, and full multi-role access, built on Next.js 15 and TypeScript end to end.

Production news portal with a 4-role CMS (USER, JOURNALIST, EDITOR, ADMIN) and a DRAFT → REVIEW → PUBLISHED editorial workflow, enforced by Next.js middleware and Auth.js v5 JWT with per-request DB revalidation
256 Playwright E2E tests across 11 critical areas, 100% passing in a GitHub Actions CI pipeline — alongside WCAG 2.1 AA compliance and a 100/100 Lighthouse SEO score
Concurrent review actions protected by atomic TOCTOU guards returning 409 Conflict instead of corrupted state
Hardened with dual-layer HTML sanitization, CSP/HSTS headers, Redis-backed rate limiting with Sentry alerting, and server-side re-verification of unsigned uploads
Real-time trending engine (24h view dedup, 7-day rolling window) and full-text search over a normalized 9-model PostgreSQL schema

Next.js 15 TypeScript Prisma PostgreSQL Auth.js v5 TanStack Query Tailwind CSS v4 Playwright GitHub Actions Sentry Vercel

Source code Live site

Dashboard SPPG — nutrition summary page and free meal program data overview

Apr 2026 Thesis Project

Dashboard SPPG

Indonesia's free school meal program had no way to verify if daily menus actually met nutritional targets across 12 demographic groups. I built the system that does.

RBAC for 4 user roles, each with tailored dashboards and permission scopes
Nutrition simulation engine: 8 nutrients benchmarked against RDA with automated status flags
830+ Indonesian food-composition (TKPI) records, automated Excel/PDF exports
Built 5+ REST API endpoints and a nutrition simulation engine checking 8 nutrients against RDA standards, replacing manual calculation entirely

LaravelPHPMySQLREST APIChart.jsBootstrap

Source code

CareerFlow — dashboard summarizing job application status and statistics

CareerFlow — application tracking form with status per interview stage

Jun 2026 Personal Project

CareerFlow

Job hunting across email, spreadsheets, and notes is chaos. CareerFlow is a full-stack SPA that tracks every application, interview, and document in one place.

Laravel 12 REST API, 20+ endpoints across 5 modules, rate limiting, OWASP headers, safe password reset
React 19 frontend with 9 reusable UI primitives and 6 custom data-fetching hooks
Real-time dashboard with Recharts, status breakdown and monthly trend charts
Rate limiting (5/min auth, 60/min protected) and 4 OWASP-aligned security headers; dual validation via React Hook Form + Zod on the client and Laravel rules on the server

Laravel 12 React 19 Sanctum Tailwind Recharts Zod PHPUnit Vite

Backend Frontend Live site

Experience

Co-built Master-Web, a reusable Laravel starter template now adopted as the foundation for all new web projects in the department
Delivered core modules authentication, user & role management with RBAC, base layouts, and starter CRUD on an MVC architecture, cutting initial project scaffolding from days to hours
Applied clean MVC architecture and modular code structure under staff supervision, ensuring the codebase stays maintainable for future devs

LaravelPHPMySQLMVC

Produced and published social media content for Web Development programming classes, grew community engagement by ~20%
Co-organized 3+ workshops covering Web Development, UI/UX, and Cyber Security, reaching 50+ participants per session

Education

Bachelor of Informatics Engineering (S.T)

Universitas Islam Riau

Informatics Engineering

Sep 2022 – Jul 2026

Languages — Indonesian (Native) · English (Professional)

Contact

I'm looking for an internship or full-time role where I can keep shipping things like this. If you're building something interesting, reach out.

mohdfarhansyafaat@gmail.com github.com/MohdFarhanS linkedin.com/in/mohd-farhan-s Download CV

Farhan.