My Work

Welth - AI Finance Platform

Developed a full-stack AI finance platform using React 19, Next.js 15, and Tailwind CSS. Integrated Supabase, Prisma, and Clerk Authentication for secure user management. Used Inngest for cron jobs and task scheduling, such as monthly email reports. Implemented Arcjet for bot detection and rate limiting to enhance security. Integrated Gemini AI to provide customized financial insights based on user expenditures, enabling data-driven decision-making.

Tech Stack:

Next.js
Tailwind
Node.js
HTML5
CSS3
Supabase

Tomato E-commerce Website

A web-based (Frontend) platform that allows users to browse through various restaurants, view their menus, and place orders for delivery. It includes features such as user authentication, menu customization, order tracking, and payment processing.

Tech Stack:

React.js
Node.js
Express
HTML5
CSS3

Pokemon Explorer

In this project, I'm developing a web application to fetch and display data from a Pokémon API. The goal is to create a responsive and efficient frontend that showcases Pokémon data with pagination functionality.

Tech Stack:

TypeScript
Next.js
Tailwind

3D Karachi City

In this group project for Computer Graphics, I contributed to the creation of a 3D model of Karachi City using Three.js. I implemented procedural generation techniques to dynamically generate city features

Tech Stack:

Three.js
JavaScript

Linkedin Clone

This is a complete responsive website clone of LinkedIn made using HTML, CSS, and JavaScript. It's a front-end website design project that replicates the appearance of the popular professional networking platform, LinkedIn.

Tech Stack:

JavaScript
HTML5
CSS3

Sign-up Form

does it really need a description?

Tech Stack:

JavaScript
Next.js
Tailwind

Mio Programming Language

Project of Compiler Construction

Tech Stack:

Java

Sprite Animation | Polygon Editor

Here's a glimps of my personal work regarding Computer Graphics

Tech Stack:

Three.js
JavaScript

Todo List

A minimalistic To-Do List app built with HTML, CSS, and JavaScript, featuring browser's local storage for saving tasks.

Tech Stack:

JavaScript
HTML5
CSS3

Weather Check

This is a straightforward weather app crafted with HTML, CSS, and JavaScript. It provides up-to-date weather information for your location or any city you search for using the power of APIs.

Tech Stack:

JavaScript
HTML5
CSS3

Movie Land

Welcome to Movie Land, a React project that fetches movie data from an API and displays it to users. With Movie Land, you can explore a vast collection of movies, search for specific titles, and discover new favorites.

Tech Stack:

JavaScript
React.js
HTML5
CSS3