// My Projects
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
