Naufal
Full-Stack JavaScript Developer
Specialized in building scalable backend services with Node.js and modern frontend experiences with React & Next.js
MAN

About Me

A passionate Software Engineer with a strong focus on backend development using Node.js and Express. Proficient in building RESTful APIs and working with relational (PostgreSQL) and non-relational (MongoDB) databases. Experienced in developing scalable backend services and integrating with frontend using modern JavaScript frameworks. Strong problem-solving mindset and collaborative team player. Open to learning GoLang and eager to grow in a dynamic backend development environment.

Technical Skills

Technologies & Tools

Full-stack developer with expertise across modern technologies

JavaScript
TypeScript
React
Next.js
React Native
Tailwind CSS
Node.js
JavaScript
TypeScript
React
Next.js
React Native
Tailwind CSS
Node.js
JavaScript
TypeScript
React
Next.js
React Native
Tailwind CSS
Node.js
JavaScript
TypeScript
React
Next.js
React Native
Tailwind CSS
Node.js
Express
GraphQL
PostgreSQL
MongoDB
MySQL
Supabase
Firebase
Express
GraphQL
PostgreSQL
MongoDB
MySQL
Supabase
Firebase
Express
GraphQL
PostgreSQL
MongoDB
MySQL
Supabase
Firebase
Express
GraphQL
PostgreSQL
MongoDB
MySQL
Supabase
Firebase
Featured Projects

My Latest Work

From concept to deployment, here are some of the projects that showcase my full-stack development skills and problem-solving approach.

Investment Portfolio Tracker

Nov '25 - Now

Built an investment tracking app to monitor stock positions and portfolio performance. Developed the frontend with React, TanStack Query, and Recharts for data visualization. Engineered the backend with Express.js, PostgreSQL, and JWT authentication. Implemented features for real-time P&L calculations and transaction history.

React
TanStack Query
Recharts
Express.js
PostgreSQL
JWT

Chemical Usage Tracker

Sept '25

A comprehensive laboratory chemical management system for tracking usage, inventory, and safety compliance. Features admin dashboard with analytics, data export capabilities, authentication system, and responsive design optimized for both desktop and mobile lab environments.

Next.js 15
React 19
TypeScript
Supabase
Shadcn/ui
Tailwind CSS
Framer Motion

Playwright E2E Test Automation

June '25

Built a robust E2E test automation framework from scratch using Playwright. Structured the framework with the Page Object Model (POM) for high maintainability. Authored test scripts to validate critical user flows and generated detailed HTML reports.

Playwright
TypeScript
Page Object Model
HTML Reports

Cypress Test Automation

June '25

Designed a comprehensive test automation suite for a Next.js application. Achieved 100% test coverage for all critical user paths with End-to-End (E2E) tests. Implemented API tests for intercepting requests and simulating server errors.

Cypress
E2E Testing
API Testing
Next.js
Jest

Wall of Gratitude

May '25

A web app to share and discover gratitude messages from around the world. Features anonymous sharing, end-to-end encryption, and a clean, responsive design.

Next.js 15
React 18
Tailwind CSS 4
Supabase
Framer Motion

RBB BUMN Score Calculator

May '25

Responsive UI layout project focusing on mobile-first design and clean visuals.

Next.js
React
Tailwind CSS
Chart.js

PensiunPlan

Dec '24

A web app that helps users plan for retirement by calculating monthly savings recommendations based on their income, age, and retirement goals.

TypeScript
MongoDB
Next.js
Tailwind CSS
Resend
CronJob.org
Let's Connect

Ready to Work Together?

I'm always interested in hearing about new opportunities and exciting projects. Let's discuss how we can bring your ideas to life.

muhammadalifnaufaldo@gmail.com
Discord
Discord