Projects

Portfolio Website

Portfolio Website

A modern, fully-featured developer portfolio built with Next.js 15 and TypeScript. Features a markdown-powered blog, dynamic project showcase, secure contact form with spam protection, and comprehensive SEO optimization. The site demonstrates advanced frontend development skills with smooth animations, responsive design, and performance best practices.

Next.jsTypeScriptTailwind CSSFramer MotionMDXNodemailerreCAPTCHAPostCSS
Code & Tech

Code & Tech

A modern, high-performance tech blog that leverages a headless WordPress backend and a Next.js frontend. It is designed to provide a seamless, fast, and SEO-optimized reading experience for tech enthusiasts, developers, and content creators, decoupling content management from presentation.

Next.jsReactTailwind CSSHeadless WordPressWordPress REST APIVercelResend APIACF
Github Mutuals

Github Mutuals

A powerful tool for developers to analyze their professional network on GitHub. This web application leverages the GitHub API to identify mutual connections—users you follow who also follow you back—and highlights one-way follows. With optional GitHub authentication for increased API limits and Firebase integration for search analytics, it provides a comprehensive look at your social graph on the platform.

ReactTypeScriptFirebaseTailwind CSSGitHub API
Weatherly

Weatherly

Developed a responsive and accessible weather application using Next.js and TypeScript. Integrated OpenWeatherMap and OpenStreetMap APIs to provide real-time weather data and interactive city maps. Implemented a smart autocomplete city search and comprehensive weather forecasts with modern UI/UX design based on glass morphism.

Next.jsTypeScriptTailwind CSSOpenWeatherMap APIOpenStreetMap
QR Express

QR Express

QR Express is a fast and modern QR code generator built with React and TypeScript. It supports real-time customization, sharing, multiple export options, and an intuitive interface tailored for personal and business needs.

ReactTypeScriptViteTailwind CSSPostCSS
Tactic Tac Toe

Tactic Tac Toe

Tactic Tac Toe is a fun and classic two-player tic-tac-toe game built with React and styled using CSS. It features name customization, move logging, and automatic game result detection.

ReactViteCSS
Flavor Hub

Flavor Hub

Flavor Hub is a modern and responsive restaurant website featuring dark mode, smooth animations, and AI-generated content. It showcases a stylish menu and interactive elements designed to delight food lovers.

HTMLCSSJavaScript
Rectangle Drawer

Rectangle Drawer

Rectangle Drawer is a pure JavaScript application that allows users to draw, resize, and move rectangles interactively. It demonstrates object-oriented programming, DOM manipulation, and custom user interactions without third-party libraries.

HTMLCSSJavaScript
Number Quest

Number Quest

Number Quest is a simple number guessing game where users try to guess a randomly generated number between 1 and 30. With each wrong guess, the score decreases by 1. The game tracks the high score and allows players to restart at any time.

HTMLSASSJavaScript
Grocery Guru

Grocery Guru

Grocery Guru is a lightweight and responsive shopping list app that helps users manage their grocery items efficiently. It supports adding, editing, filtering, and deleting items while storing everything in local storage for persistence.

HTMLCSSJavaScript
Cinematrix

Cinematrix

Cinematrix is a movie and TV series exploration app that fetches real-time data from TMDb. It features search, pagination, and carousel effects for a smooth user experience across movies and shows.

HTMLCSSJavaScriptTMDB APISwiper.js