Selected work

Projects that connect frontend polish, backend logic, and AI-aware product thinking.

A collection of practical builds, experiments, and product ideas that helped me grow across full-stack development, AI integration, databases, deployment, and user experience.

01

Selected systems and product experiments.

Projects that best represent how I think, build, test, and connect ideas into working software.

01

HotelzaAI

AI-Driven Hotel Booking Platform

A MERN-based hotel booking platform with AI-powered search, secure payments, chatbot support, user and admin workflows, and automated operational features.

This project helped me practice how a real product connects frontend experience, backend APIs, authentication, payments, database design, AI search, chatbot support, and deployment into one working system.

ReactRedux ToolkitTailwind CSSShadCN UINode.jsExpress.jsMongoDBClerkStripeOpenAI APILangChainMongoDB Atlas Vector SearchGPT APINode-cacheNodemailerNode-cronNetlifyRenderUptimeRobot

02

Imagify

Text-to-Image Generator SaaS

A MERN-based AI SaaS platform that generates images from text prompts using the Clipdrop API, with authentication, credits, payments, and persistent user data.

This project helped me understand how AI APIs can be packaged into a product-like experience instead of only being used as simple API calls.

ReactTailwind CSSNode.jsExpress.jsMongoDBMongooseJWTClipdrop APIOnline Payment Gateway

03

Cocogo

Freelancer-Style Mobile App Concept

A mobile app concept for connecting people who need coconut harvesting work with nearby available workers.

Cocogo explores how local real-world service problems can be supported through digital platforms and better user flow design.

FigmaMobile App ConceptUX PlanningProduct DesignLocal Services
02

Smaller builds that strengthened the fundamentals.

Not every project needs to be large. Some builds exist to sharpen a specific skill, test an idea, or practice one part of the software workflow.

04

Foodapp — Recipe App

A React application built to practice API integration, dynamic search, recipe browsing, and state management using the Spoonacular API.

ReactCSSSpoonacular APIAPI IntegrationState Management
React API Integration Project
05

MD Portfolio Website

An earlier React portfolio website built with Framer Motion to practice portfolio structure, motion, responsive layout, and personal branding.

ReactFramer MotionFrontend DesignResponsive UIPortfolio
Frontend Portfolio Experiment
03

The pattern behind the projects.

Product Thinking

Starting from the problem, user flow, and real purpose before choosing the technology.

Frontend Polish

Creating interfaces with clear hierarchy, spacing, responsiveness, and intentional interaction.

Backend Structure

Designing APIs, authentication, database models, and service logic that support the product.

Deployment & Reliability

Taking projects beyond localhost through deployment, monitoring, environment configuration, and production awareness.

Projects are where learning becomes visible.

Each build helped me understand a different part of software engineering, from interface design to AI integration and deployment.