Andre Edyson · Full-stack Web Developer

Full-stack developer building web apps & tools.

I build fast, reliable web applications with Next.js, TypeScript, and PostgreSQL. Focused on clean user interfaces, dependable databases, and software that solves real problems.

Lampung, Indonesia (UTC+7 / WIB)

Platforms deployed for 3,000+ users

View case studies Download CV Email me

5+ Years

Web Experience

3,000+

Users Impacted

10+

Shipped Builds

~/portfolio (main)

$pnpm build

✓Compiled successfully in 1.2s

✓Type checking passed (0 errors)

✓Optimized production build ready

Work Experience

Professional track record.

A clear timeline of contract, internship, and engineering work delivering production platforms for educational institutions and organizations.

Feb 2026 - Jun 2026

Bandar Lampung, Indonesia·Contract

Full-Stack Web Developer

Yayasan Xaverius Tanjungkarang

Sole developer for the foundation's internal teacher development & mentoring platform, owning architecture, development, and deployment from stakeholder requirements to production rollout.

Engineered an 8-role access control system (Admin, Principals, Mentors, Teachers, Reviewers) supporting the foundation's full mentoring hierarchy
Digitized the complete mentoring lifecycle (goal setting, progress submissions, evaluation logbooks) replacing fragmented spreadsheet tracking
Designed a token-based public certificate verification flow allowing immediate external validation for issued foundation certificates
Delivered centralized reporting dashboards for foundation leadership to monitor teacher competency growth across schools

Tech:Next.js·TypeScript·Hono·Prisma·PostgreSQL·TailwindCSS

Aug 2025 - Present

Bandar Lampung, Indonesia·Internship

Web Developer

Universitas Bandar Lampung

Developing scalable academic platforms and learning systems serving university staff and 1,000+ students using modern frontend architecture.

Engineered PEDI Learn, an LMS platform used by ~1,000 students, streamlining industrial interest-based learning tracks and reducing coordinator workload
Built an Academic Bureau dashboard for university staff, delivering real-time institutional overview and student metric visualizations
Developed a tri-lingual student registration platform (English, Indonesian, Mandarin) using Next.js, TypeScript, and next-intl
Collaborated closely with backend engineers to integrate REST APIs across multiple academic database systems

View related case study: PEDI Learn

Tech:Next.js·TypeScript·TailwindCSS·next-intl·Prisma·REST APIs

Jan 2024 - Present

Remote·Self-employed

Full-Stack Developer

Independent & Freelance Projects

Architecting and shipping full-stack web applications and developer tools focusing on real-world business and workflow challenges.

Authored Emploria, an open-source employee management platform with multi-tenant architecture and automated PDF pay slip generation
Built dynamic inventory and expense management web apps with Next.js, Prisma ORM, PostgreSQL, and secure authentication
Implemented modern frontend patterns including server-side rendering, optimistic updates, and accessible UI components

View related case study: Emploria

Tech:Next.js·TypeScript·PostgreSQL·Prisma·Supabase·MongoDB

Jul 2023 - Aug 2023

Remote·Freelance

Frontend Developer (UI Slicing)

Fiverr

Provided frontend UI slicing and component implementation for international clients, converting Figma and PSD designs into responsive web interfaces.

Translated Figma/PSD mockups into pixel-perfect, responsive HTML/CSS and React components
Maintained cross-browser compatibility and accessible semantic markup across mobile and desktop viewports
Delivered client revisions promptly with clear communication and documentation

Tech:React·JavaScript·HTML5·CSS3·TailwindCSS

Selected Case Studies

Systems I've shipped.

Real education & internal business platforms

Detailed case studies of production web applications. Each highlights the operational problem, my engineering role, architectural choices, and verified business or educational impact.

01·Production Client Platform·Yayasan Xaverius Tanjungkarang (Educational Foundation)

Live System

Verified Impact

Successfully replaced spreadsheet tracking with a single source of truth; fully digitized the foundation's mentoring program and automated public verification for all issued teacher certificates.

Technologies

Next.js

TypeScript

PostgreSQL

Prisma

Hono

TailwindCSS

shadcn/ui

Xaverius Teacher LMS

Internal teacher competency development & mentoring platform

Role: Sole Full-Stack Developer (Contract)

The Problem & Context

The foundation managed teacher mentoring and evaluations across multiple schools through manual spreadsheets and uncoordinated email threads, causing lost evaluations and zero centralized progress tracking.

Key Deliverables & Built Features

Role-based system tailored for 8 distinct user tiers (Admin, New Teachers, Mentors, Principals, Reviewers, etc.)
End-to-end mentoring workflow: pairing assignments, milestone tracking, submission portals, and evaluation logbooks
Token-based public certificate verification engine allowing instant external validation of foundation-issued credentials
Principal and admin analytics dashboard summarizing competency growth and completion metrics across schools

Technical & Architectural Decisions

Chose Next.js App Router with TypeScript for end-to-end type safety between server actions and complex UI forms
Architected PostgreSQL database with Prisma ORM to enforce relational integrity across multi-tiered evaluation hierarchies
Integrated lightweight Hono API endpoints to power fast, publicly accessible certificate verification routes
Implemented shadcn/ui and TailwindCSS design system with strict accessibility and mobile responsiveness

02·Production Client Platform·Universitas Bandar Lampung

Live System

Verified Impact

Deployed to production and actively used by 3,000+ university students, streamlining industrial interest-based learning and significantly cutting instructor administrative overhead.

Technologies

Next.js

React

TypeScript

Prisma

TailwindCSS

shadcn/ui

PEDI Learn

Industry-aligned learning platform for university students

Role: Frontend & Platform Developer (Internship)

The Problem & Context

Instructors and academic coordinators faced heavy manual overhead distributing industrial curriculum tracks and monitoring individual student progress across varying career concentrations.

Key Deliverables & Built Features

Interactive student learning dashboard displaying career pathways, modular milestones, and assignment progress
Instructor management interface to configure industry tracks, track student submissions, and review skill milestones
Dynamic assessment submission workflow with instant feedback states and progress visualization

Technical & Architectural Decisions

Built with Next.js and React for snappy client navigation and server-rendered initial page loads
Used Prisma and relational database design for real-time progress calculation and assignment state machines
Engineered reusable UI component library with TailwindCSS and shadcn/ui ensuring high readability on mobile devices

03·Open-Source Platform·Open Source Platform

Source Live System

Verified Impact

Fully functional open-source codebase published on GitHub with end-to-end payroll generation, multi-tenant isolation, and live demo deployment.

Technologies

Next.js

TypeScript

PostgreSQL

Prisma

Supabase

TailwindCSS

Emploria

Open-source internal ERP and employee management system

Role: Author & Full-Stack Developer

The Problem & Context

Small organizations frequently lack affordable, transparent tools to manage department hierarchies, leave approvals, and employee payroll slip distribution.

Key Deliverables & Built Features

Multi-tenant organization architecture with role-based access control for HR admins and employees
Automated PDF pay slip generation engine with downloadable, printable compensation summaries
Leave request lifecycle management, employee directory, and department salary audit logs

Technical & Architectural Decisions

Implemented PostgreSQL on Supabase with Prisma ORM for relational multi-tenancy and data isolation
Built clean server-rendered pages and API handlers on Next.js App Router with TypeScript
Designed responsive UI with shadcn/ui, TailwindCSS, and accessible dialogs

Secondary Builds & Prototypes

More work & open-source projects

Independent tools, e-commerce experiments, and inventory systems

StockifyHub

Inventory management web app built with Next.js, PostgreSQL, Prisma, and Tailwind CSS. Features dynamic stock tracking, role-based access, and real-time inventory updates.

Next.js

TypeScript

PostgreSQL

Prisma

+1 more

TechDome

Modern e-commerce interface designed for tech products with server-side rendering in Next.js, Zustand state management for shopping cart & checkout, and PostgreSQL backend.

Next.js

React

TypeScript

PostgreSQL

+1 more

FinTrack

Personal finance tracking web app with Next.js, MongoDB, and NextAuth. Manage multi-currency accounts, track expenses/incomes by category, and visualize budget goals.

Next.js

TypeScript

MongoDB

Tailwind

Agenone

Digital agency interactive landing page built with React and Tailwind CSS, featuring smooth GSAP micro-animations, showcase sections, and responsive UI components.

React

Tailwind

GSAP

Looking for additional repositories and code experiments? Explore full GitHub profile

Execution Standards

How I work.

Product mindset & engineering rigor

I don't just build interfaces in isolation. I take end-to-end ownership of software features, communicate clearly with non-technical stakeholders, and build maintainable systems with clean developer handoffs.

Independent Ownership

From Scoping to Production

I own feature development end-to-end, translating ambiguous stakeholder requirements into schema definitions, resilient UI states, and deployed products.

Gather operational requirements directly from organizational stakeholders
Model relational database schemas and API boundaries before writing UI code
Deploy and maintain production features with comprehensive error handling

Stakeholder & Educator Communication

Aligning Business Needs with Software

Having built systems for schools, foundations, and university bureaus, I bridge the gap between non-technical operations and engineering execution.

Map out real-world administrative workflows before writing code
Demo iterative prototypes early to prevent rework and misunderstandings
Design intuitive, low-friction interfaces for users with diverse digital literacy

Collaboration with Backend Engineers

Contract-First Integration

When collaborating with backend peers, I prioritize clear API contracts, strict TypeScript schemas, and predictable data hydration patterns.

Define request/response schemas with Zod and shared TypeScript types
Integrate complex REST APIs with graceful loading, empty, and error states
Ensure fast Time to Interactive (TTI) through server-rendered data fetching

Documentation & Clean Handoffs

Built to Last

Clean architecture is only as good as its maintainability. I prioritize self-documenting code, modular component separation, and clear setup documentation.

Write self-documenting TypeScript interfaces and clean file hierarchies
Provide step-by-step setup guides and environment documentation
Ensure future developers can onboard and extend features without friction

Shipping & Maintaining Production Features

Reliability in Everyday Usage

I focus on production reliability, ensuring systems handle high concurrent traffic, data mutations, and permission checks without regressions.

Implement role-based authorization guardrails across both client and server
Optimize bundle sizes, image delivery, and database query latency
Monitor and quickly resolve edge cases reported in production usage

Technical Stack & Capabilities

Grouped skills.

Structured engineering capabilities

A breakdown of the tools and product engineering practices I use in production, covering frontend rendering pipelines, relational database architectures, and automated delivery.

Core Frontend & Full-Stack

Modern, reactive, and type-safe user interfaces built for scale.

TypeScript

Next.js (App Router)

React

TailwindCSS

PostgreSQL

shadcn/ui

Backend & Data Layer

Clean API endpoints, relational schemas, and persistent services.

Hono

Prisma ORM

RESTful APIs

Supabase

MongoDB

MySQL

Product & Architecture

Functional capabilities designed for real-world operations.

Role-Based Access (RBAC)

LMS & Mentoring Workflows

Multilingual UI (next-intl)

Data Dashboards & Analytics

Token Certificate Verification

PDF Pay Slip / Document Gen

Delivery & Engineering Tooling

Version control, automated pipelines, and maintainable standards.

Git & GitHub

Vercel Deployment

Figma to Code

Framer Motion

Typecheck & ESLint

Technical Documentation

TypeScript · Next.js · PostgreSQL · Production Architecture

Background & Journey

Lampung, Indonesia (UTC+7)

Universitas Bandar Lampung

Building practical software with care and precision.

What started as curiosity tweaking HTML templates at 10 has evolved into architecting full-scale web applications. Today, my focus is on designing and shipping resilient education and internal platforms that replace chaotic spreadsheets with streamlined, role-based digital workflows.

I work across the modern stack, leveraging Next.js App Router and TypeScript for type-safe user interfaces, and PostgreSQL with Prisma and Hono for reliable data and API services. I place a strong emphasis on clean code, accessible design systems, and software that users can trust every day.

5+ Years

Web Experience

3,000+

Users Impacted

10+

Shipped Builds

Evolution & Milestones

The Path to Full-Stack Engineering

2018

First spark with code

Started exploring HTML, CSS, and web fundamentals with genuine curiosity.

2020

JavaScript fundamentals

Shifted to structured learning, building dynamic applications and APIs.

2022

React & Next.js ecosystem

Adopted TypeScript, component-driven UI architecture, and modern full-stack workflows.

2024

Shipping education platforms

Delivered production LMS, career track portals, and internal tools for foundations & universities.

Present

Full-stack web architecture

Designing resilient web systems with Next.js, PostgreSQL, and Prisma for real-world impact.

Contact & Hiring Details

Open to full-time roles

Let's build together. Get in touch.

I am actively seeking full-time frontend and full-stack software engineering opportunities. Let's talk about how I can contribute to your team and production systems.

Location: Lampung, Indonesia ·

Direct Email AddressReplies within 24h

andreedyson31@gmail.com

Connect →

linkedin.com/in/andre-edyson

Connect →

GitHub

github.com/andreedyson

Connect →

Download Curriculum Vitae (CV)