// My Projects
WikiRacr
Supabase, Stripe API, Wikipedia API, NextJs, Framer
2026
- • Architected a Wikipedia racing game using Nextjs with sub-second page transitions and optimized link processing.
- • Designed comprehensive gamification engine with custom XP/leveling algorithms, achievement tracking, level-based progression systems, and title unlocking mechanics to drive user engagement and retention.
- • Optimized application through backoff retry logic and comprehensive error handling for Wikipedia API request.
- • Developed custom Avatar Editor using Tailwind and Framer Motion for dynamic profile personalization.
CarGo
Expo, React Native, Supabase, Postgresql, Google Cloud AI
2025
- • Developed cross-platform mobile app using Expo and React Native for intuitive user interface design.
- • Established backend infrastructure with Supabase and PostgreSQL for real-time data management.
- • Incorporated Google Gemini API for automated image analysis and computer vision processing.
- • Formulated advanced SQL queries and database filtering for efficient data retrieval and search functionality.
Rankguessr (Acquired by ValoHunt)
NextJs, Firebase, Python, DiscordAPI
2025
- • Launched a web app using Next.js and TailwindCSS, achieving over 30,000 impressions and 500 registered users.
- • Implemented effective SEO strategies with Google Search Console, resulting in an average index of 2-6.
- • Embedded DiscordAPI to streamline feedback processes and user video submission, reducing processing time.
- • Streamlined Python implementation for video data management, improving content delivery speed.
NextGen Converter
TypeScript, Authjs, Firebase, Tailwind, GeminiAI, FFmpeg
2024
- • Executed client-side conversion using FFmpeg compiled to WebAssembly, eliminating server-side processing.
- • Crafted a responsive user interface with TypeScript and Tailwind CSS for cross-device compatibility
- • Integrated Google’s Gemini API to create a code converter for translating code files between languages.
- • Implemented Auth.js for Google authentication and utilized Firebase for real-time user data storage, enabling file size tracking and a competitive leaderboard.
UIC BB Extension
JavaScript, HTML, CSS, Tailwind, React, Astro
2024
- • Enhanced Blackboard's web page by utilizing JavaScript to dynamically access and modify content, integrating additional elements for improved functionality.
- • Devised a user-friendly search feature using JavaScript, CSS, and HTML, allowing quick location of specific assignments and courses on the Blackboard platform.
- • Introduced grade calculator functionality through JavaScript, enabling users to input desired percentages and credits to determine required grades for academic goals.
- • Developed a dedicated frontend website using Astro and ReactJS to offer comprehensive information and support for the UIC Blackboard Extension.
SparkHacks
Tailwind, React, Astro, FramerMotion
2024
- • Spearheaded the planning and execution of SparkHacks, attracting over 400 participants and 9 sponsors, fostering a culture of innovation and collaboration.
- • Architected the event's web platform using Astro and ReactJS, ensuring a seamless and user-centric experience for participants.
- • Elevated the website's visual aesthetics through captivating animations using Framer Motion, resulting in an immersive online presence.
- • Collaborated with the Computer Science department and peers, resulting improvement in design efficiency and final product quality compared to the previous year.
Flame Grades
React, Tailwind, Python, Vercel
2023
- • Engineered a responsive and intuitive user interface using Next.js and TailwindCSS, enhancing the overall user experience.
- • Automated grade distribution by developing Python scripts to dynamically generate JavaScript data, ensuring accurate and up-to-date information.
- • Incorporated a robust searching feature with ReactJS to efficiently locate specific classes or professors, contributing to a user-friendly experience.
- • Facilitated informed decision-making for users by enabling GPA checks of both classes and professors through seamless integration of JavaScript.
ACM Merch Store
React, Tailwind, Nextjs, Pocketbase
2023
- • Crafted the website design in Figma and translated designs into a responsive and visually appealing interface with ReactJS, Next.js, and TailwindCSS.
- • Established a robust backend foundation by implementing Pocketbase for efficient data management in the ACM Marketplace.
- • Collaborated with a cross-functional team to manage the website and populate data in Pocketbase for marketplace items, ensuring a coordinated development process.
- • Utilized ReactJS to create essential e-commerce features, including a cart system, email notifications, and a streamlined checkout process, enhancing the overall user experience.
// Get In Touch
