Overview

Campuslit is a free, private browser extension that redesigns the Bahria University LMS and CMS for students on every campus. Same logins, same data, same URLs: the extension only restyles the pages inside the student's own browser and adds helpers that read what the page already shows. One click switches it off and the original portal is back.

It runs with no server, no accounts, no analytics and zero runtime dependencies, and the source is open (MIT).

The Problem

Every Bahria student uses the LMS and CMS daily. Both work, but they feel a decade old:

• Dense, cramped tables and a long plain list of menu links.
• A time table that is a grid far wider than the screen.
• No sign of how close a deadline is, or how many classes you can still miss before attendance drops below 75%.
• No search, no alerts for new assignments or marks, no dark theme or larger text.

Key Features

• Full Redesign

  Login pages, dashboards, collapsible sidebars, tables and every other student page on both portals in a calmer layout.

• Attendance Planner

  For each course, how many hours you can still miss, or must attend, to finish above 75%, from credit hours and the semester length you choose.

• Due Soon + Reminders

  A live countdown card on the Assignments page, a status on every assignment, and a reminder naming your next open assignment (deadlines read in Pakistan time).

• Week Time Table

  A readable week view with Add to calendar, which downloads a real .ics file with the right timezone, weekly repeat and reminder.

• Quick Search

  Ctrl + K (or /) jumps to any page in the menu, tolerant of typos.

• First-run Guide

  A skippable tour and one-time hints, then it stays out of the way.

6 Themes + a Custom Theme Maker

Bahria, Crystal, Midnight, Linen, Grove and Bloom ship out of the box. Students can also build their own with custom colours, text size, spacing and typeface, with live preview and one-click undo. Themes are plain data: a generator derives the rest and an automatic contrast checker repairs anything unreadable.

Notifications Without a Server

Opt-in desktop alerts cover new assignments, quiz marks, new lecture notes, attendance marked present or absent, and deadline reminders 2 days, 24 hours and 7 hours before. They are off by default and each alert can be switched off.

Real push needs a server holding student passwords, which I refused to build. Instead a Manifest V3 service worker uses chrome.alarms to open the same pages the student would, with the student's own signed-in session, compares them with the last snapshot and notifies what changed. The first look is a silent baseline, alerts are de-duplicated, and it limits itself to a handful of polite requests per check.

Hard Problems & Engineering

1. Restyling pages I do not control: scoped CSS overrides tested against invented copies of the real page structures; every helper fails safe and does nothing if a page does not look as expected.
2. Sessions that expire: I measured the real portals (LMS lasts hours, CMS about an hour) and designed around it with a one-time sign-in notice, catch-up on return, and a Status line in Settings.
3. Shipping to two stores: one build script produces both Chrome and Firefox packages, and a release audit fails the build on unexpected permissions, network code outside the worker, non-portal URLs or personal data patterns.
4. A permission change that disabled the extension: caught from a real user report; new permissions are now requested as optional, only when a feature is turned on.
5. Quality on a live product: over 130 automated tests with Node's built-in runner, scripted end-to-end checks in real Chrome and a smoke test in real Firefox, with a regression test added for every bug found.

Results & Learning

1. Live in two stores and updated several times in the first week.
2. A five-star Chrome Web Store review from a student who called it "clean and personalizable" and the attendance planner "genuinely useful".
3. Real alerts confirmed on the real portal, with the correct course, title and deadline.
4. Positive responses from students and engineers on LinkedIn and Instagram; user requests now drive the roadmap.
5. Lesson learned: trust is the product. Free, private and open source means students install it without a second thought, so every decision protects that.

Unofficial student project. Not affiliated with, endorsed by or supported by Bahria University. All screenshots use invented sample data.

Try It

Add Campuslit to Chrome

Get it on Firefox Add-ons

Visit the Campuslit Website

View the Source on GitHub (MIT)

Overview

QResolve is a production-grade freelance project built for an India-based client. It is a marketplace and operating platform for maintenance service providers, helping facility teams find verified providers while giving providers a structured system for QR-based fault reporting, ticket tracking, plans, billing, and operational visibility.

The public product positions QResolve as a verified maintenance provider directory and Relay OS as the SaaS layer that turns physical assets into scan-to-report endpoints.

Project Background

QResolve was developed as a freelance client project from February 2026 to April 2026. The work covered frontend, backend, database integration, payment flows, deployment, domain configuration, and version-controlled delivery.

Technical Stack:

1. Frontend built with React and Next.js.
2. Backend services built with Node.js.
3. Supabase used for database and platform data management.
4. Razorpay integrated for payment and subscription workflows.
5. Hosted through Vercel and Render with domain configuration on GoDaddy.
6. Version control and collaboration managed with Git and GitHub.

Key Features

• Verified Maintenance Marketplace

  Users can search for maintenance providers by asset type, service category, and location.

  Provider listings are designed around trust, performance, reviews, and verified operational data.

• Relay OS Operations Dashboard

  Service providers can monitor assets, active issues, critical alerts, SLA activity, and weekly resolution data.

  AI insight cards highlight maintenance predictions, efficiency changes, and peak issue-reporting patterns.

• Issue and Inventory Management

  Assets can be registered, tracked, and connected to structured issue reports.

  Reported faults move through organized ticket states instead of informal WhatsApp or call-based handling.

• Payments and Subscription Plans

  Razorpay payment integration supports paid provider plans and billing workflows.

  Plan pages communicate free listings, starter operations, and advanced provider capabilities.

• Reports and Insights

  Operational reports help teams understand open tickets, asset health, resolution trends, and service performance.

Learning & Development

1. Delivered a complete freelance marketplace/SaaS project under real client requirements.
2. Built production workflows across React, Next.js, Node.js, and Supabase.
3. Integrated Razorpay payments and plan-based provider flows.
4. Handled live deployment across Vercel, Render, GoDaddy, Git, and GitHub.
5. Designed dashboards that turn asset faults into structured operational intelligence.

Visit the Website

Explore QResolve Live

QResolve demonstrates how a marketplace, SaaS operations layer, and payment-enabled provider workflow can come together in one production-ready product.

Overview

Study Sphere is a full AI-integrated study tracker and LMS-style SaaS platform developed as an industry-level project for the Database Management System course. The platform helps students track study progress, upload learning material, take AI-generated quizzes and assignments, receive AI-checked results, and identify weak areas through stored reports.

It combines student learning workflows with centralized admin control, subscription-style account tiers, reporting, notifications, and secure role-based access.

Project Background

Study Sphere started as a DBMS course project, but the final build was shaped like a real SaaS learning management system with production deployment and secure data storage.

Technical Stack:

1. Frontend built with React.js.
2. Backend APIs built with C# and ASP.NET Core.
3. PostgreSQL database used for users, courses, reports, tracker data, and admin records.
4. Frontend deployed on Vercel and backend deployed on Render.
5. Domain/DNS configuration completed for the public Study Sphere app.
6. Secure authentication and role-based access for students and administrators.

Key Features

• AI Study Tracker

  Students can upload lecture material and receive AI-generated milestones, subtopics, and study roadmaps.

  The tracker turns passive study hours into measurable progress with completion, revision, and pending-work states.

• AI Quizzes and Assignments

  The system generates quizzes and assignments from course material.

  AI checks submissions, calculates scores, produces feedback, and points out weak areas for revision.

• Reports and Analytics

  Student reports are tracked and stored for progress review.

  Analytics help students and admins understand performance trends, completion status, and learning gaps.

• Subscription-Style Accounts

  The platform supports Basic, Premium, and Plus account concepts for SaaS-style access control.

• Admin Communication and Control

  Admins can manage students, courses, reports, recommendations, and centralized platform access.

  Admin messaging supports direct communication through email and phone or WhatsApp-based contact workflows.

Admin & Platform Control

• Student Management

  Admins can view students, edit records, remove accounts, and monitor account status from a centralized panel.

• Course and Subject Control

  Courses and subjects can be managed from admin-side screens to support structured academic workflows.

• Performance Oversight

  Admin analytics, reports, performance, and recommendation pages provide system-wide visibility.

• Secure SaaS Flow

  Student and admin roles are separated so academic data stays organized, controlled, and protected.

Learning & Development

1. Designed a complete SaaS/LMS data model around students, courses, quizzes, results, and reports.
2. Built a secure React and ASP.NET Core platform connected to PostgreSQL.
3. Implemented AI workflows for quiz generation, assignment checking, scoring, feedback, and weak-area analysis.
4. Created admin dashboards for centralized access, student control, reporting, and communication.
5. Published a working production system using Vercel, Render, and custom domain configuration.

Visit the Website

Explore Study Sphere Live

Study Sphere shows how a DBMS course project can be extended into a secure, deployed, AI-powered academic platform with student and admin workflows.

Overview

Software Requirement Bot is a full-stack, AI-powered web application designed to automate and streamline the software requirements gathering process. The platform enables stakeholders to interact with an intelligent chatbot that conducts natural conversations and converts them into a structured, professional Software Requirements Specification (SRS).

🤖 Built to reduce ambiguity, save time, and improve clarity in early-stage software planning for students, startups, and development teams.

Project Background

Software Requirement Bot was developed as a major academic and practical project for the Software Requirements Engineering (SRE) course. The goal was to design an industry-relevant tool that demonstrates how AI can improve requirement elicitation, analysis, and documentation.

📌 Full-stack project developed in 2025

1. Frontend built with modern UI/UX principles.
2. Secure authentication with OTP-based password recovery.
3. Conversational AI using Gemini with OpenAI fallback.
4. Structured SRS extraction from free-form chat.
5. Deployed on Vercel with scalable architecture.

Key Features

• Conversational Requirement Gathering

  Natural chat interface that adapts questions based on user input.

  No rigid forms or step-based questionnaires.

• AI-Generated SRS

  Automatically extracts functional & non-functional requirements.

  Includes stakeholders, user stories, constraints, risks, timeline, and cost.

• User Dashboard

  Create, view, and manage multiple projects.

  Generate summaries and downloadable PDF reports.

  Edit profile and account settings.

• Admin Dashboard

  View all users, projects, and generated summaries.

  Ban/unban users and monitor system activity.

• Security & Authentication

  Login, Signup, and OTP-based Forgot Password.

  Role-based access control (User / Admin).

Learning & Development

1. Designing AI-driven requirement elicitation systems.
2. Building conversational flows that support structured extraction.
3. Implementing role-based dashboards and secure authentication.
4. Integrating multiple AI providers with fallback mechanisms.
5. Generating professional SRS documents automatically.

Visit the Website

Explore Software Requirement Bot Live

🚀 Experience how conversational AI can transform stakeholder discussions into clean, structured, and shareable SRS documents.

Overview

SmartCal is a powerful full-stack web application developed as a client project during my time at Potentials Dev+. It streamlines agenda and meeting management with features for individuals, teams, and administrators. Users can schedule in-person or virtual meetings, manage teams, and integrate their Google Calendar for seamless workflows.
📅 Designed for professionals, teams, and organizations looking for smart scheduling and collaboration tools.

Project Background

SmartCal was fully developed by me as a client project, combining modern frontend technologies, a secure backend, and dynamic integrations. The application supports role-based dashboards for users and admins, advanced meeting management, and team collaboration.

📌 Client Project completed in 2025 under Potentials Dev+

1. Frontend: Modern UI/UX with responsive design.
2. Backend: Python (Flask) with secure APIs and email integration.
3. Database: SQLite for user and meeting data.
4. Deployment: Live with a custom domain (Contabo).
5. Integrations: Jitsi for virtual meetings, Google Calendar sync.

Key Features

• Dynamic Authentication

  Secure login/signup with email integration.

• User Dashboard

  Schedule meetings, manage agendas, update profile.

  Meetings can be in-person or virtual (Jitsi link generated automatically).

  Guests receive email notifications (both host & guest informed).

• Team Management

  Create teams with registered or non-registered users.

  Team meetings supported with smart scheduling.

• Google Calendar Integration

  Users can sync their events with Google Calendar.

• Admin Dashboard

  Separate secure admin login protected with 2FA.

  Monitor all activities across the platform.

  Ban/unban users, delete meetings, manage teams.

  Send notifications to all or selected users.

  Promote other users to admin with 2FA verification.

Learning & Development

1. Developing a production-ready client project from scratch.
2. Implementing role-based dashboards and secure 2FA authentication.
3. Integrating Jitsi API for seamless virtual meetings.
4. Implementing Google Calendar sync for real-time event management.
5. Designing scalable backend with advanced admin controls.

Visit the Website

Explore SmartCal Live

⚠️ Disclaimer: The domain smartcal.duckdns.org is managed by the client and may be changed in the future. 🚀 Explore the full functionality of SmartCal to experience smart scheduling, team collaboration, and powerful admin features.

Overview

GenCraft is an all-in-one AI-powered platform designed to simplify daily tasks with cutting-edge artificial intelligence. Deployed via Vercel, it integrates multiple AI services under a single, smooth, and responsive UI.
🤖 Built for developers, creators, and everyday users looking for powerful AI tools in one place.

Project Background

GenCraft was created to bring together essential AI services into a single platform. From chatting with an intelligent assistant to generating and analyzing images, GenCraft covers it all. The platform is hosted on Vercel with a modular architecture, making it lightweight, fast, and accessible across all devices.

📅 Developed in September 2025

1. Frontend: React + Vite for blazing-fast UI and modular design.
2. Backend: Node.js APIs integrated with multiple AI services.
3. AI and API Integrations
4. Deployment: Entire app hosted on Vercel.
5. Fully responsive across all devices.

Key Features

• AI Chatbot

  Chat with an intelligent assistant powered by Gemini API.

• Text-to-Image

  Generate creative images from text prompts using AI Horde API.

• Image-to-Text

  Extract text from images instantly with OCR.

• Background Removal

  Remove image backgrounds seamlessly via Remove.bg API.

• Text-to-Speech

  Convert written text into natural voice with open-source TTS.

Learning & Development

1. Integrating multiple AI APIs into a single full-stack platform.
2. Handling asynchronous requests and API rate limits effectively.
3. Building a modular architecture for scalability.
4. Optimizing UI/UX for fast response and cross-device compatibility.

Visit the Website

Explore GenCraft Live

🚀 Try out the different AI tools available on GenCraft and experience the power of all-in-one AI. Feedback and collaboration are always welcome!

Overview

BlogSyte is a modern full-stack blogging platform built from scratch and deployed via Vercel. It allows users to create, explore, and manage blog posts with a smooth and responsive UI. The platform integrates real-time email verification, role-based dashboards, and an admin control panel for app integrity.
🌐 Designed for content creators, bloggers, and admins to manage content securely and efficiently.

Project Background

BlogSyte was developed after months of continuous effort to combine a powerful backend with an engaging frontend. Initially hosted locally, it was migrated to Vercel using serverless functions to make it live without owning a dedicated backend server. Some dynamic features (likes, comments, views) may have limited real-time updates due to Vercel’s free plan function limit (12), but all other features work seamlessly.

1. Frontend: React + Vite for speed and modularity.
2. Backend: Node.js, restructured for Vercel serverless functions.
3. Database: PostgreSQL hosted on Neon.tech.
4. Deployment: Entire app hosted on Vercel.
5. Responsive design for all devices.

Key Features

• Dynamic Authentication

  Secure login and signup with hashed passwords.

• Real-time Email Verification

  OTP-based verification using SMTP.

• Forgot Password

  Password reset with email OTP verification.

• Dual Dashboards

  User Dashboard – Create, manage blogs, track stats, update profile.

  Super Admin Dashboard – Ban/unban users, delete posts, send notifications.

• Blog Management

  Create new blog posts, view explore page with all blogs, edit/delete posts.

• Account Controls

  Change password, delete account securely.

• Explore Page

  All blogs displayed with author details and timestamps.

Learning & Development

1. Integration of PostgreSQL with serverless architecture.
2. Handling authentication, verification, and role-based access control.
3. Optimizing React + Vite for faster development and builds.
4. Adapting a backend to work within Vercel’s function limitations.

Visit the Website

Explore BlogSyte Live

💌 It would mean the world to me if you create an account and post at least one blog. Anyone interested in collaborating or extending this project is most welcome.

Overview

Codeveil Studio is a professional service-based portfolio website showcasing creative and tech-based solutions including Web & App Development, Game Design, AI Chatbot Integration, and Graphic Design. It reflects a blend of development skills and creative vision tailored for real-world clients.
🌐 Built for modern startups, businesses, and individuals looking for digital transformation.

Project Background

This website was created to serve as a digital identity for a freelance agency — showcasing capabilities, services, and creative work all in one place. It’s clean, responsive, and hosted on Netlify with a focus on performance and clarity.

1. Built with HTML, CSS, JavaScript, and custom styling.
2. Highlights 5 major services with interactive UI.
3. Fully responsive design for desktop and mobile.
4. Clean call-to-actions (CTAs) for engagement.

Services Offered

• Web Development

  Custom websites, portfolios, and business landing pages.

• App Development

  Cross-platform mobile and desktop applications.

• Game Development

  2D and 3D games with Unity and C#.

• AI Chatbot Integration

  Smart chatbot systems powered by Google Gemini or OpenAI.

• Graphic Design

  Logos, banners, posters, and UI/UX mockups.

Learning & Development

1. Responsive layout building and flex/grid mastery.
2. Interactive navigation and section transitions.
3. Service structuring for client-focused agencies.
4. UI/UX planning for service portfolios.

Visit the Website

Explore Codeveil Studio Live

Overview

AI Student Assistant is a smart desktop application developed in Java, designed to help university students with academic and general queries. Featuring a modern GUI and integrated with Google’s Gemini API, this project offers intelligent responses, user authentication, and clean dashboard functionality.
🧠 Powered by Gemini API and built with full object-oriented design.

Project Background

This project was developed as a university group project to showcase advanced OOP concepts, file handling, and API integration in a real-world context. The assistant helps students interactively by answering questions, managing logins, and recovering passwords.

1. Built using Java (Swing), SQLite, and Gemini AI (Google Generative API).
2. SHA-256 hashing for secure password storage.
3. Forgot password feature using file-based recovery.
4. Gemini API used to respond to queries in natural language.

App Features

• Dynamic Login & Signup

  Users can register, login, and manage credentials securely.

• AI-Powered Dashboard

  Students can ask academic or general questions powered by Gemini AI.

• Password Recovery

  Forgot password feature uses file search and username match.

• OOP-Based Architecture

  Code is modular, class-based, and easy to maintain.

• File & DB Integration

  Data is saved using Java files & SQLite where needed.

• Simple & Modern UI

  Clean GUI with intuitive layout using Java Swing.

Learning Experience

1. OOP principles and modular Java design.
2. Integrating and consuming APIs (Gemini by Google).
3. File handling and user data persistence.
4. Using SHA-256 for password hashing in Java.
5. Building real applications with GUI using Swing.

Visit the Project

View the full source code on GitHub

Overview

Flappy Boss is a fun, addictive, and polished arcade-style game inspired by the classic Flappy Bird — but with a modern twist! Featuring dynamic UI, animated characters, and a top 5 leaderboard system, the game offers players a competitive yet entertaining experience across multiple platforms, both downloadable and playable online.
🎮 Available for PC, Android, and Web — Play anywhere, anytime!

Project Background

Flappy Boss was created as a personal project in my free time during my first year of Software Engineering. It was a way to explore Unity’s 2D capabilities, UI design, and leaderboard systems — all built from scratch just for fun!

1. All game assets, design, and logic were implemented by me.
2. Integrated scene transitions, pause/resume, and game over window.
3. Built a leaderboard system that tracks and saves the top 5 scores with names.
4. PlayerPrefs used for player selection and high score tracking.

Game Features

• Smooth Player Animations

  Characters move and react fluidly, enhancing gameplay experience.

• Player Selection System

  Choose your character using a stylish selection menu — your choice is remembered!

• Brilliant UI & UX

  Includes responsive design, game over window, and pause/restart features.

• Dynamic Scene Management

  Seamless transitions between gameplay, menus, and leaderboard.

• Top 5 Leaderboard

  Stores top scores — players enter their name, or “Player” is saved by default if skipped.

• Cross-Platform Builds

  Downloadable for Android & PC — or play instantly online on any device!

• Version Controlled & Live

  Project files hosted on GitHub + game is live on Itch.io.

Learning Experience

1. Scene and UI management in Unity
2. Saving data with PlayerPrefs
3. Game loop design and player feedback handling
4. Cross-platform export (APK, EXE, and WebGL)
5. Implementing real-time scoreboards and user input

Visit the Project

Play FlappyBoss Online on itch.io !

Download for PC (.exe). !

Download on Mobile (.apk) !

Google Drive link for download on mobile !

Overview

ToDo Pulse is a sleek and intuitive to-do list web application designed to help users stay organized and productive. Built with HTML, CSS, Bootstrap, and JavaScript, this app offers a seamless task management experience across devices. With features like task persistence using Local Storage, interactive UI, and real-time date display, it’s your everyday productivity companion.

Development Journey

This project marked a pivotal moment in my journey as a web developer. I built it during my early days of learning JavaScript and spent dedicated time understanding DOM manipulation, event handling, and data persistence in the browser. It was both a creative outlet and a deep dive into the foundational mechanics of web interactivity.

App Features

• Clean UI & Responsive Design:

  Built with Bootstrap, the app adapts beautifully to any screen size, whether you're on desktop or mobile.

• Task Management Made Simple:

  Add, delete, or mark tasks as complete with smooth transitions and visual feedback.

• Real-Time Date Display:

  Automatically updates the day and date using the browser’s clock.

• Local Storage Integration:

  All your tasks are saved in the browser, even after you close the tab.

• Smooth Interactions:

  Subtle animations enhance the user experience without getting in the way. .

Technology Stack

• Frontend:

  HTML, CSS, JavaScript.

• Frameworks:

  Bootstrap.

• Browser API Usage:

  DOM Manipulation, Event Listeners, Local Storage.

What I Learned

Creating ToDo Pulse helped me understand the core mechanisms of JavaScript, especially:

1. DOM selection and manipulation.
2. Event-driven programming with listeners.
3. Data handling using localStorage.
4. Cross-browser styling using Bootstrap.

This project significantly sharpened my front-end skills and gave me confidence in building dynamic, responsive web applications.

Overview

Hyper Sphere is an electrifying 3D endless runner that challenges players to navigate a perpetually rolling sphere through a series of dynamic obstacles and jumps. The game demands precision, quick reflexes, and strategic maneuvering to achieve high scores. With each level, the difficulty escalates, pushing players to continually hone their skills.

Development Journey

Embarking on this project during the final weeks of my first semester in Software Engineering, I dedicated approximately 3 to 4 months to bring Hyper Sphere to life. Balancing academic commitments with game development was a rewarding challenge, culminating in the game's release on Thursday, April 3, 2025. This endeavor not only enhanced my technical proficiency but also deepened my project management and problem-solving abilities.

Game Features

• Dynamic Movement:

  Experience smooth and responsive controls that make navigation intuitive and engaging.

• Challenging Levels:

  Traverse through 8 meticulously designed levels and tackle 5 unique missions, each escalating in complexity.

• Score Boosters:

  Collect in-game items to amplify your score and climb the leaderboards.

• Engaging Interface:

  Immerse yourself in a sleek and user-friendly UI that enhances the overall gameplay experience.

• Endless Entertainment:

  Test your endurance and skills in an infinite running environment that keeps you coming back for more.

Platform Availability

To ensure accessibility across various devices, Hyper Sphere is available on multiple platforms:

• Windows and macOS:

  Downloadable versions are hosted on itch.io.
  For Windows ~ Click here

• Android:

  A mobile-optimized version is available for Android devices, offering on-the-go gameplay.
  For Andriod ~ Click here

• WebGL:

  Play directly in your browser without the need for downloads. Both on PC and Mobile.
  Play Online ~ Click here

• Google Drive:

  Additionally, all versions are accessible via Google Drive for direct download.
  Google Drive Link ~ Click here

Development Insights

Creating Hyper Sphere was an ambitious endeavor that involved implementing physics-based movement and designing engaging missions. One of the significant challenges was managing PlayerPrefs correctly and optimizing game performance for smooth builds. Overcoming these obstacles made the final product even more rewarding.

Overview

IQify is a smart, fun, and responsive IQ testing platform that allows users to challenge their minds through a series of well-designed questions and instantly view their results. The website provides a smooth, engaging experience across all devices, making it accessible to anyone, anytime.

Project Background

This was my first-semester project for the Computing Fundamentals course, developed in collaboration with my university friend Muhammad Farhan. The project was officially deployed on December 31st, 2024, marking a huge milestone in my learning journey.

1. The Home Page was crafted by Farhan, focused on elegant design and layout.
2. I developed the Test Page and Result Page, using HTML, CSS, and JavaScript, with an emphasis on interactivity and performance.

Key Highlights

• ✅ 200+ IQ Tests Taken

  More than 200 users have completed the quiz.

• 🌍 Thousands of Visitors

  The website has gained traction with a wide audience.

• 🧠 Instant IQ Score

  Users get real-time results after completing the quiz.

• 🖨️ Certificate Generation

  Personalized certificates are generated on the result page.

• 📱 Fully Responsive

  Works smoothly on desktop, tablet, and mobile.

• 💬 Valuable Feedback

  Appreciated by mentors and elders for its practical implementation.

Learning Experience

IQify wasn’t just a website; it was a learning breakthrough. It helped me:

1. Understand real-world frontend development.
2. Practice DOM manipulation with JavaScript.
3. Explore UX/UI fundamentals.
4. Experience how users interact with a product.
5. Build confidence through community feedback.

Visit the Project

Overview

Analog Digital Clock is a sleek, real-time web application that lets users switch between an analog and digital clock interface — all synced with your system’s actual time. It’s minimal, responsive, and super functional.

Project Background

This was one of my personal passion projects, fully developed by me using HTML, CSS, and JavaScript. The goal? To create a visually accurate, real-time clock that mimics the behavior of a real-world timepiece — both in analog and digital forms.

Key Features

• 🕰️ Analog & Digital Modes

  Instantly toggle between the two styles.

• ⏱️ Live Real-Time Movement

  Syncs directly with your device clock.

• 💡 Clean UI & Smooth Animation

  Designed for simplicity and clarity.

• 📱 Fully Responsive

  Works seamlessly across all screen sizes

• 🧠 No External Libraries

  Pure vanilla JavaScript for logic and DOM updates.

What I Learned

Working on this project taught me the importance of time APIs and deepened my understanding of:

1. Date and setInterval in JavaScript
2. DOM manipulation and UI updates.
3. Handling user interaction dynamically.
4. Building from scratch without frameworks.

It was a hands-on way to sharpen my JS logic and UI/UX skills — and I loved every second of it (pun intended 😄).

Try It Yourself

Overview

Haunted Horizons is a thrilling 2D platformer game developed in Unity using C#, where survival is everything. From dodging creepy creatures to chasing high scores, players are dropped into a spooky world full of random enemy spawns and intense platforming action.

Project Background

TThis was my Computer Programming Course Project during my first semester, and I developed the entire game solo — from core gameplay logic to UI design. It was not only my introduction to Unity but also a deep dive into game development, and I enjoyed every bit of the learning process.

1. 📅 Deployed on: November 24, 2024
2. 💻 Platform: Windows
3. 💾 Downloadable for Free

Gameplay Highlights

• 👾 Three Monster Types

  Enemies spawn randomly from both sides of the screen.

• 🕹️ Two Playable Characters

  Choose your favorite and get jumping.

• 🔼 Score System

  Jump over monsters to earn points (💯 +10 for every jump!)

• 🏁 High Score System

  Keeps track of your top performance.

• 🚫 Game Over System

  Fall or collide and it's game over!.

• 🎨 UI Design

  Clean, custom-designed game menus and HUD.

• 💾 PlayerPrefs Integration

  Persistent scores and settings across sessions.

• 🎬 Smooth Animations

  From jumping to game transitions.

What I Learned

This project became my hands-on gateway to the world of game development. Some of the most valuable things I learned include:

1. Unity scene management.
2. Using PlayerPrefs for saving data.
3. Scripting in C# for gameplay mechanics.
4. Creating and managing animations and UI.
5. Designing responsive gameplay for PC.

IIt taught me how to bring all the components of a game together — art, logic, interactivity — into a fully functional and exciting experience.

Play the Game

🕹️Totally Free ~ Download Haunted Horizons

Want to test your reflexes and beat the high score? Jump into the haunted world now — but beware, the monsters are always watching... 👻

Overview

This is my personal developer portfolio website, built entirely by me to showcase my passion, skills, and projects in web development and game development. It acts as my digital resume and professional identity — a place where visitors can learn about me, explore my work, and connect with me easily.

1. 📅 First Deployed: December 9, 2024
2. 💻 Technology Used: HTML, CSS, JavaScript
3. 🔧 Source Control: Fully version-controlled on GitHub

Features

• 📁 Project Showcases

  All of my major personal and academic projects, including games and websites, are presented with detailed descriptions, images, and external links.

• 📱 Fully Responsive Design

  eamlessly adapts across all devices, from desktops to smartphones.

• 🧭 Smooth Navigation

  Clean and minimal layout with clear sections like About Me, Skills, Projects, and Contact.

• 🧠 Live Updates via GitHub

  Since it’s hosted through GitHub Pages, visitors can even view my commit history to track changes, improvements, and updates over time.

Structure

The portfolio is divided into 5 main sections to ensure a smooth user experience:

• 🏠 Home

  A warm introduction and welcoming vibe.

• 👤 About

  A brief look into who I am and what drives me.

• 💡 My Skills

  Technologies and tools I’ve mastered.

• 🛠️ My Work

  A showcase of my top projects.

• 📬 Contact

  Easy ways to reach out to me.

What Makes It Special?

This portfolio isn’t just a static page — it’s the hub of my digital journey. I keep it updated as I grow in experience and explore new technologies. Creating it taught me how to:

1. Design layouts that balance information and aesthetics.
2. Write modular and maintainable code.
3. Showcase my identity and work with confidence on the web.

Whether you're a recruiter, collaborator, or curious visitor, this site gives you a complete insight into who I am and what I do.

Visit my Portfolio ~ Click Here