Loading 0%

Fullstack Web Developer

Eric Deo Alamsyah

I help growing brands and startups gain an unfair advantage through premium results driven webs/apps

Architucture

Development

Deployment

APIs

Frontends

Scalability

Databases

Stack that scales, UX that sails

Skills

The tools I use to ship reliable, scalable, and maintainable full-stack products — without sacrificing UX.
React
Next.js
Vue
Nuxt
Redux
Tailwind
Vite
JavaScript
TypeScript
Node.js
Express
NestJS
GraphQL
OpenAPI
PostgreSQL
MySQL
SQLite
MongoDB
Redis
Docker
NGINX
Cloudflare
PM2
Git
GitHub
Git Action
GitLab CI
Jest
ESLint
Prettier
Grafana
Prometheus
Linux
Bash

Behind the scene, Beyond the screen

Service

I build secure, high-performance full-stack apps with smooth UX to drive growth not headaches.

Full-Stack Development

I design and ship end-to-end web products—aligning business requirements with clean architecture, precise UI/UX, efficient APIs, and production-grade quality.

01

Product Architecture

(Domain modeling, API contracts, modular boundaries, stack decisions driven by business needs)

02

Frontend Engineering

(React/Vue + TypeScript, predictable state, responsive layouts, smooth animations with GSAP/Framer Motion)

03

Backend & APIs

(Node.js/Express, Auth & RBAC, REST/GraphQL, payments/licensing integrations, file service & messaging)

DevOps & Cloud Solutions

Predictable, secure deployments. I set up CI/CD, automate infrastructure, and add observability so apps stay stable 24/7 on VPS or cloud—and scale without drama.

01

CI/CD Pipelines

(GitHub Actions, automated build & tests, versioning, zero-downtime deploys, fast rollbacks)

02

Infrastructure & Runtime

(Linux/Nginx, SSL, Docker/Compose, domains & subdomains, caching, SSR/Edge when it makes sense)

03

Observability

(Prometheus/Grafana, structured logging, alerting, basic tracing for rapid incident response)

Security & Performance

Security and speed together. I harden apps from code to server config while removing bottlenecks so the experience stays fast and safe as usage grows.

01

Application Hardening

(Input validation, rate limiting, XSS/SQLi protection, OAuth/JWT, secret management & dependency audits)

02

Performance Engineering

(Query/API profiling, indexing & caching, bundle optimization, realistic Lighthouse 90+ targets)

03

Quality Assurance

(Unit & integration tests, pragmatic e2e, architectural reviews & targeted refactors without blocking releases)

Web & Mobile Apps

Clear interfaces drive adoption. I build responsive, interactive web apps and mobile prototypes (React Native/Flutter) to validate ideas quickly and ship with confidence.

01

Rich Web Interfaces

(Precise UI/UX, accessibility, micro-interactions, intuitive navigation patterns)

02

Progressive Web Apps

(Offline mode, push notifications, smart caching strategies, installable experience)

03

Mobile Prototypes

(React Native/Flutter single codebase for fast validation, smooth handoff to production)

Cod with purpose, Built to scale

About

Clean architecture, premium UXI turn business needs into scalable systemsFrom first brief to production
man
Full-stack web developer who ships end-to-end. I translate requirements into clear domain models, pick the right stack, and deliver responsive, polished interfaces (React/Vue + TypeScript, GSAP/Framer Motion) backed by secure, efficient APIs (Node.js/Express, REST/GraphQL, Auth/RBAC) and optimized data layers (PostgreSQL/MySQL/Mongo via Prisma). I use Strapi for content workflows and n8n for automation/integration so teams move faster.On the ops side, I set up CI/CD (GitHub Actions), containerize with Docker, and run on VPS/cloud with Nginx, SSL, and caching. Observability with Prometheus/Grafana and structured logging keeps performance predictable and incidents short. The goal is simple: ship quickly, stay reliable, and leave a codebase the team enjoys maintaining.

Logic meets Aesthetics, Seamlessly

Works

Featured projects that have been meticulously crafted with passion to drive results and impact.

E-commerce Isoneday Studio Brand

Stack / Tools

  • React
  • Next.js
  • Node.js
  • Express
  • Tailwind CSS
  • PostgreSQL
  • Docker
  • Socket.io
  • Github

Overview

Designed and built the platform from scratch (Next.js, Node/Express, PostgreSQL) to production-ready: modular architecture, secure checkout (Midtrans), real-time chat (Socket.io), bot protection (Arcjet), observability (Docker + Prometheus), and automated tests (Jest).

Key Impact

faster launch, fewer transaction errors, better ops visibility, and a shopping flow that remains stable under real traffic.
E-commerce Isoneday Studio Brand-bg-imageE-commerce Isoneday Studio Brand-image

POS Ferdila Garage

Stack / Tools

  • React
  • Next.js
  • Node.js
  • Express
  • Tailwind CSS
  • PostgreSQL
  • Github

Overview

Digitized cashier and operations (Next.js/React, Node/Express, PostgreSQL) with role-based access and an analytics dashboard delivering real-time insights on revenue, inventory, and mechanic fees.

Key Impact

shorter checkout time, major drop in input/change errors, and quicker daily decisions via precise metrics and filters.
POS Ferdila Garage-bg-imagePOS Ferdila Garage-image

SkillStory Landing Page

Stack / Tools

  • Nuxt
  • Vue.js
  • CMS Strapi
  • PostgreSQL
  • TailwindCSS
  • Gitlab

Overview

Modernized end-to-end UI/UX (Nuxt) and restructured CMS (Strapi) with new collection types (auto-grid TikTok embeds, Gallery, Client Logos, Running Schedule) and a clean content API; deployed on VPS.

Key Impact

content goes live faster without a dev loop, brand credibility is elevated, and the content foundation is ready to scale for future campaigns.
SkillStory Landing Page-bg-imageSkillStory Landing Page-image

Kesflo Management System Skillstory

Stack / Tools

  • Vue.js
  • Node.js
  • Express
  • TailwindCSS
  • Gitlab

Overview

Joined an existing product as a troubleshooter: closed critical bugs (auth, transaction filters, auto-refresh), hardened Email Verification via SMTP & Google OAuth, and designed safe-delete for categories (reassign/cascade) to preserve data integrity.

Key Impact

fewer operational incidents, smoother onboarding, and lighter support load as critical edge cases are addressed.
Kesflo Management System Skillstory-bg-imageKesflo Management System Skillstory-image

Disney Film Clone

Stack / Tools

  • Vite
  • React
  • TMDB API
  • TailwindCSS
  • Github

Overview

Showcased modern React UI (Vite + Tailwind) using TMDB data: category browsing, concise details, and a lightweight watchlist.

Key Impact

demonstrates component craftsmanship, clean state management, plus responsiveness and accessibility that translate directly to production apps.
Disney Film Clone-bg-imageDisney Film Clone-image

Gradient Tailwind / css Generator

Stack / Tools

  • Vite
  • React
  • TailwindCSS
  • Github

Overview

Built a gradient generator with live preview, dual Color 1/Color 2 pickers, a randomizer, and instant export to both plain CSS and Tailwind utility classes (one-click copy). Implemented with React + Tailwind, with clean formatting for consistent snippets.

Key Impact

accelerates designer–developer workflow, reduces handoff errors, ensures consistent styling tokens, and cuts gradient setup time from minutes to seconds.
Gradient Tailwind / css Generator-bg-imageGradient Tailwind / css Generator-image

Weather App

Stack / Tools

  • Vite
  • React
  • TailwindCSS
  • Open Weather Map API
  • Github

Overview

Turned OpenWeatherMap into immediate user value: auto-detect location, city search, detailed metrics, and hourly forecasts with a responsive UI (Vite/React/Tailwind).

Key Impact

instant usefulness right after location permission; clean component architecture easy to extend for advanced features.
Weather App-bg-imageWeather App-image

Expense Income Tracker

Stack / Tools

  • Vite
  • React
  • TailwindCSS
  • LocalStorage
  • Github

Overview

Defined a clear front-end architecture (Vite/React/Tailwind, LocalStorage) for transaction inputs, monthly filters, daily/history views with calendar, and concise stats.

Key Impact

users grasp cashflow instantly without a backend; showcases data modeling, friendly filtering UX, and reliable local persistence.
Expense Income Tracker-bg-imageExpense Income Tracker-image

Where impact meets execution

Experience

Selected roles and the impact delivered across frontend, backend, and platform work. Security, performance, and developer velocity are always first-class citizens.

Full-stack Developer

Skillstory

July 2025 – October 2025

  • Next.js
  • React
  • Nuxt
  • Vue
  • Node.js
  • Express
  • PostgreSQL
  • CMS Strapi
  • Tailwind
  • Nginx
  • Docker
  • GitHub Actions
  • n8n
  • Gitlab
  • Implemented Google OAuth & SMTP email verification; fixed 7+ critical issues (auth/session refresh, month filter) to stabilize core flows and reduce login/auth incidents.
  • Led frontend redesign/refactor; added dynamic required-field validation (Transactions/Categories) to improve data integrity and cut submission errors.
  • Set up deployments for Skillstory & Kesflo using Docker/Nginx and GitHub Actions, enabling predictable releases and quick rollbacks.
  • Researched/configured n8n for internal workflows; integrated Terms & Conditions and evaluated Mayar for SaaS monetization.

Mobile App Developer

Techno Infinity

2023

  • Flutter
  • Android Studio
  • Figma
  • GitHub
  • Dart
  • Rebuilt Flutter UI with responsive layouts & clearer flows; 15% faster initial load via lazy loading and asset optimization.
  • Componentized views and standardized theming to improve readability and delivery speed; aligned with Design/Backend on API contracts & edge cases with clear integration notes.

“ Let’s build a
memorable & inspiring
web application together

You Dream It, I Code it

Contact

Got a question, how or project Idea? WE’D love to hear from you and discus further!