Check out my work

I've lead, made and worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

GITHUB LANDING PAGE CLONE

GitHub landing page, meticulously crafted with Next.js, Tailwind CSS, and TypeScript. It boasts pixel-perfect visual fidelity, replicating the original's text animations, fonts, colors, and even animations. Built on top of Next.js, Tailwind CSS, and TypeScript.

Next.js
Typescript
TailwindCSS

React Moodboard

This project is a user-friendly, interactive moodboard application built with React.js. It empowers users to create visually inspiring collages through intuitive drag-and-drop functionality.

React.js
Javascript
CSS
Emotion

Dice roller Threejs

This project is a fun and interactive dice roller application featuring two animated 3D dice models. It simulates a realistic dice roll with animation and provides the sum of both dice as the final output.

HTML
Threejs
CSS
HTML Canvas

Drag and drop using computer vision

Finger Drag & Drop (Python & OpenCV) Control your screen with your fingers! Use computer vision to drag and drop objects for an intuitive and touchless user experience.

Python
Opencv
Computer Vision

HEX code opacity Generator

This React.js application empowers you to explore the vast world of color possibilities while streamlining your design process. It serves as a user-friendly hex code opacity generator, offering a convenient and efficient way to generate and adjust hex color codes with varying levels of transparency.

Reactjs
Javascript
CSS

Other Projects

Check out all of my projects by visiting my github and checking out all of the project repositiories. Each project repository contains the source code for the project, detailed about section explaining the project and even live links on each project in case of web development based projects

Lead/Group Projects

MLSAKIIT OFFICIAL WEBSITE

Led the design and development of the official Microsoft Learn Student Ambassador KIIT chapter website, building it from the ground up using Next.js before it gained widespread adoption. The website, featuring a sleek dark theme aligned with Microsoft's official UI/UX guidelines, has been live since May 2023. It has successfully attracted over 25,000 unique visitors and efficiently manages more than 2,000 registrations during each community event

Next.js
Typescript
TailwindCSS
Swiper JS
Particle JS

KIITFEST OFFICIAL WEBSITE

I served as a web developer and organizing committee member for KIITFEST 7.0, where I led the design and development of the website's frontend. The site successfully handled a massive user base of over 40,000 visitors in just 3 days and facilitated more than 20,000 unique registrations. I collaborated closely with the design team and various tech societies to ensure seamless event integration. Additionally, I optimized the website's performance, boosting it from a score of 36 to over 80

Next.js
Javascript
TailwindCSS
Prisma
NeonDB

LINKTREE MLSA

This static front-end page serves as the central hub for all updates and information related to MLSAKIIT. It acts as a streamlined, one-stop solution for accessing all social media links and the latest updates in one place. Designed with inspiration from the modern Bento Grids system, this page offers a clean, organized, and visually appealing interface. The code has been meticulously optimized to ensure peak performance, achieving a perfect score of 100 across all devices. I personally designed and developed this page to deliver both functionality and seamless user experience.

Next.js
TailwindCSS
Framer Motion
Typescript

TEDXKIITUNIVERSITY WEBSITE

As a web developer and organizing committee member for TEDxKIITUniversity, I played a key role in creating the event's online presence. The website, designed in the iconic TEDx red theme, served as the central hub for all event information and registrations. It featured multiple pages including About, Previous Editions, and detailed information about speakers for each event. The UI was carefully crafted to align with TEDx design patterns, ensuring a cohesive and recognizable brand experience. This comprehensive platform not only facilitated smooth registration processes but also provided visitors with a rich, informative experience about the TEDx events at KIIT University.

HTML
CSS
JavaScript
React.js
UI Projects

Github landing page clone

Next.js
Typescript
TailwindCSS