Work

Projects

A collection of things I've built — web apps, dashboards, and tools I'm proud of.

Hekto – 6-Page Furniture Website (GIAIC Hackathon)

Hekto – 6-Page Furniture Website (GIAIC Hackathon)

Hekto is a modern and elegant furniture e-commerce website that I developed as part of GIAIC's Quarter 2 Frontend Hackathon. The challenge was to convert a 6-page Figma design into a fully functional, responsive website using Next.js — all within a strict 8-hour timeframe. I successfully delivered a pixel-perfect, high-performance, and fully responsive furniture store website that works seamlessly across all devices.

Next.js
TailwindCSS
Figma
BlogVerse

BlogVerse

BlogVerse is a full-featured blogging platform that allows users to create, read, update, and delete blog posts. The platform is designed to be responsive and user-friendly, with a modern design and real-time updates.

HTML5
CSS
javaScript
Firebase
+1
PortFolio_website

PortFolio_website

This is a clean, feature-rich portfolio site that showcases my projects, skills, achievements, and certifications. It includes a custom admin panel for managing content through a full CRUD interface.

Next.js
shadcn/ui
Framer Motion
Supabase
Apple UI Clone – Landing Page

Apple UI Clone – Landing Page

This project is my very first submission on GitHub! It’s a modern, visually appealing landing page that mimics the sleek and minimal design language of Apple. The page adapts seamlessly across all screen sizes – from desktop monitors to tablets and mobile devices – ensuring a smooth and consistent user experience.

HTML
CSS
JavaScript
Bootstrap
Bringing Figma Designs to Life with Next.js

Bringing Figma Designs to Life with Next.js

I developed this landing page using Next.js, faithfully converting a Figma design into a fully functional, pixel-perfect, and responsive web page. The design was provided by a designer, and my role was to bring it to life with clean code, smooth performance, and cross-device compatibility. Key Features: Pixel-Perfect Implementation – Accurately followed the Figma design. Fully Responsive – Optimized for mobile, tablet, and desktop. Fast & SEO-Friendly – Leveraged Next.js for performance and server-side rendering. Reusable Components – Clean, maintainable, and modular React code.

Next.js
Tailwind CSS
Figma
Nike Store Landing Page

Nike Store Landing Page

This project is a modern and stylish landing page for Nike, featuring the tagline "Your Feet Deserve the Best". I converted a Figma design into a fully responsive, high-performance web page using Vite for fast development and Tailwind CSS for efficient styling. Key Features: Pixel-Perfect Design – Faithfully implemented from Figma mockups. Fully Responsive – Optimized for all screen sizes using Tailwind CSS. Modern Tech Stack – Built with Vite + React for speed and performance. Clean & Minimal UI – Product-focused layout with "Shop Now" and "Category" CTAs. Reusable Components – Modular React component structure.

Vite (Build Tool) React.js
Tailwind CSS
Figma
E-commerce website

E-commerce website

Responsive E-commerce website built using React and Tailwind CSS, with data fetched from the Fake Store API.

React.js
TailwindCSS
FakeAPI
BrainWave An E-learning platform

BrainWave An E-learning platform

BrainWave is a e-learning platform that I developed using Next.js and Tailwind CSS. The project features a clean, engaging, and fully responsive design that adapts seamlessly across all devices — from mobile to desktop. It showcases course categories, features, and a call-to-action for learners to get started.

Next.js
TailwindCSS
Personal-Dynamic-Dashboard

Personal-Dynamic-Dashboard

Personal Dynamic Dashboard! This project is a dynamic and responsive dashboard featuring user profiles, posts, comments,todos, albums, and photos, with integrated Firebase functionality for real-time data management. 📂 Project Overview This project is built using React.js Tailwind CSS and Ant Design for a modern, responsive UI. It also includes Firebase for user authentication, data storage, and real-time updates. Features User Management: Add, edit, and delete users, with data stored in Firebase. Responsive Design: Fully optimized for desktop and mobile viewing. Admin Authentication: Secure admin login to access the dashboard. 🛠️ Tech Stack Frontend: React.js, Tailwind CSS, Ant Design Backend: Firebase (Authentication, Firestore) Other Tools: React Icons for icons, Git for version control

React.js
Tailwind CSS
Ant Design
firebase
Linkedin-clone

Linkedin-clone

A fully functional LinkedIn clone built with React.js, Tailwind CSS, Ant Design, and Firebase. Users can sign up, post content, interact with posts through likes and comments, with all data stored in Firebase.

React.js
Tailwind CSS
Ant Design
FireBase
+1
AI-Powered Online Exam Proctoring System

AI-Powered Online Exam Proctoring System

ProctorAI is a comprehensive online examination platform that ensures academic integrity through AI-powered proctoring. It provides real-time face detection, gaze tracking, object detection, and violation logging — making remote exams as secure as physical ones.

Python
Flask
HTML 5
TailwindCSS
+10
Blogger_website

Blogger_website

A blog platform with secure user authentication and real-time post management, built using React, Firebase, and Tailwind CSS.

Reactjs
tailwind CSS
Firebase
E-commerce Website

E-commerce Website

E-commerce website with dynamic product features.

React
Tailwind CSS
Nodejs
Hospital Management System (Network Topology)

Hospital Management System (Network Topology)

This project simulates a complete Hospital Management System Network with multiple departments connected across buildings using VLANs, Dynamic Routing, DHCP, and Security configurations.

Cisco Packet Tracer
RIP v2
802.1Q (dot1Q)
DHCP
+2