TechStack: React, MapLibre GL , Firebase Auth, TomTom APIs, Tailwind CSS, Vite, Firestore

• Real-time traffic flow visualization using TomTom Traffic API
• Interactive MapLibre GL features
• Google authentication with Firebase
• Custom location markers with Firestore persistent
• Dynamic layer system for different data types
• Responsive design with Tailwind CSS

• This project is a full-featured backend for an e-commerce application built with Spring Boot. It includes user authentication, product management, a shopping cart system, checkout flow, payment integration with Stripe, and role-based access control. This project mirrors a real-world backend, demonstrating professional backend development practices.
• Built full-featured REST API with Spring Boot featuring JWT authentication, product management, shopping cart, and Stripe payment integration
• Implemented role-based access control, order processing workflow, and MySQL database integration following professional backend development practices

• Developed modern web applications with React for the frontend and Node.js/Express for the back-end, including RESTful APIs and GraphQL integration.

• Implemented advanced features such as authentication, state management, testing, TypeScript, and mobile development with React Native.

• Gained experience with deployment workflows using Docker, CI/CD pipelines, and relational databases for full-stack application hosting.

Developed FitAtlas, a modern fitness web app featuring 1,000+ exercises with advanced filtering by category and muscle group. Integrated YouTube and RapidAPI for video demos and rich exercise data. Built with React.js, Material-UI v5, and efficient state management for a responsive, mobile-first UI with personalized recommendations. Deployed on Vercel with optimized performance and smart pagination to handle large datasets.

The website allows users to browse trending movies, search for specific titles, add movies to their watchlist, and submit comments and reviews.

I implemented the search bar with dynamic search functionality and integrated it with the movie details page. I also developed the watchlist page, handling its design, Firebase integration, and interactions with other pages. Additionally, I ensured seamless watchlist functionality for logged-in users and implemented login prompts when necessary.

For my thesis project I studied the user retention of advertisements on webpages in AR space. The study aimed to understand whether the extraction of ads on a page to real-space in AR can help users focus on the contents of a page while also retaining the information of the ads the same as they would if the ads were embedded on the page. One of the methods we achieve this is by placing them around the content, while also adding a 3D aspect to the advertisements. On success this would pave the way for an application which extracts ads, dynamically, from a page, removing clutter in the flow without affecting any advertisers which have paid to display ads on a page. The application is written using ThreeJS, React, ReactXR, and React fiber. We aim to study revolutionary tech for the future of the web and content consumption.

Collaborated in a team of two to develop the front end of an accent recognition app using Android Studio and Java.

Independently resolved API fetch issues and integrated the back end, including connecting a neural

network to detect accent of the recorded sound.

Developed this portfolio page using NextJS, Tailwind CSS and Payload CMS. Deployed and hosted using Vercel. Uses GitHub for version control.

Developed an interactive Snake game in C on a PIC32 microcontroller during my first year, featuring

pixel-by-pixel movement for smooth gameplay.