Alif Haikal

Informatics Engineering Student at Bina Insani University

About Me

Fullstack Web Developer
NestJs & Next.Js

  • React / Next.js
    (93%)
  • NestJs / TypeScript
    (93%)
  • API Integration
    (90%)
  • Data Visualization
    (88%)

I am Alif Haikal, a Full-Stack Developer specializing in modern JavaScript ecosystems such as React, Next.js, and NestJS. I build end-to-end web applications — from crafting responsive, user-friendly interfaces to developing robust backend services powered by TypeScript, PostgreSQL, and RESTful APIs. I focus on delivering scalable, high-performance solutions with clean architecture and seamless integration between the frontend and backend. Constantly learning and experimenting, I aim to build software that’s not only functional but also delightful to use.

Download Resume
Skills

Technical Skills

Overview of my proficiency in web development technologies, frameworks, and tools used across various projects.

React React
Next.js Next.js
Vue.js Vue.js
Tailwind CSS Tailwind CSS
NestJS NestJS
TypeScript TypeScript
Node.js Node.js
TypeORM TypeORM
PostgreSQL PostgreSQL
JWT JWT Auth
API Integration API Integration
Render Render
Vercel Vercel
Neon DB
GitHub GitHub
Personal Portfolio Project

Flowcommerce (Mini E-commerce with RBAC and Payment Simulation)

A modern, scalable, and developer-friendly e-commerce backend platform engineered with NestJS and powered by PostgreSQL (Neon). It implements end-to-end commerce logic—Authentication, RBAC, Catalog, Cart, Orders, and Payments—with seamless Stripe integration, Cloudinary media uploads, TypeORM modeling, and GitHub → Render CI/CD for hands-off deployments.

Live Preview Github Repo Online API Docs

Core Capabilities

  • Authentication (JWT) & Role-based Access (Admin & Customer)
  • Products & Categories CRUD with validation
  • Cart management with quantity and stock sync
  • Order creation with transactional logic
  • Stripe PaymentIntents + Webhook integration
  • Cloudinary media uploads
  • Swagger (OpenAPI) auto documentation

Tech Stack & Vendors

NestJS NestJS
TypeScript TypeScript
Node.js Node.js
PostgreSQL PostgreSQL
TypeORM TypeORM
Stripe Stripe
Cloudinary Cloudinary
Render Render
Neon DB
GitHub GitHub
JWT JWT Auth
OpenAPI Swagger OpenAPI / Swagger

Entity Relationship Diagram (ERD)

FlowCommerce ERD

Folder Structure 

flowcommerce/
├─ src/
│  ├─ app.module.ts
│  ├─ main.ts
│  ├─ swagger.ts
│  ├─ auth/
│  ├─ users/
│  ├─ categories/
│  ├─ products/
│  ├─ carts/
│  ├─ orders/
│  ├─ payment/
│  └─ uploads/
├─ public/
├─ .env
├─ package.json
└─ render.yaml

Environment Variables 

DATABASE_URL=postgres://user:pass@neon.host/db
JWT_SECRET=supersecretkey
STRIPE_SECRET_KEY=sk_test_***
STRIPE_PUBLISHABLE_KEY=pk_test_***
STRIPE_WEBHOOK_SECRET=whsec_***
CLOUDINARY_CLOUD_NAME=your_cloud
CLOUDINARY_API_KEY=your_key
CLOUDINARY_API_SECRET=your_secret
RENDER_EXTERNAL_URL=https://flowcommerce.onrender.com

Key API Endpoints

  • Base URL: https://flowcommerce.onrender.com
  • Swagger Docs: /api/docs
  • Stripe Webhook: /payment/webhook
  • Auth: POST /auth/register, POST /auth/login
  • Products: GET /products, POST /products
  • Orders: POST /orders/checkout
Resume

Education & Experience

A brief overview of my academic background and practical experience in technology development.

2022 - Present

Bachelor of Informatics Engineering

@Bina Insani University
2019 - 2022

Science Major (IPA)

@Madrasah Aliyah Attaqwa 08
2023 - 2024

Web Application for Election Management

Built and deployed a web-based voting management system for Partai Buruh’s internal elections.
Present

Data Gender & Child Project – SIGA Bekasi

Currently contributing to a data-driven platform for gender and child-related information management in Bekasi.
Get In Touch

Let's Connect

  • Phone: +62 815-7467-3448
  • Email: haikalsialip999@gmail.com
  • Address: Bekasi, Jawa Barat
L O A D I N G