Welcome to my portfolio! Here, you'll find a curated selection of my latest work in web development, UI/UX design, and machine learning research at the University of Illinois at Urbana-Champaign. I’m passionate about exploring AI as well as human-computer interaction, and I thrive in both independent and collaborative projects.

I am currently seeking internship opportunities that align with my interests in brain and cognitive science, particularly at the intersection of artificial intelligence and human-computer interaction. I am eager to apply my technical skills and research experience to projects that explore cognition, neural networks, and intelligent systems.

VR-NEUROFEEDBACK

VR-NEUROFEEDBACK

I'm excited to share my latest project with NeuroTech at UIUC’s VR-NeuroFeedback team! This semester, I will be working on integrating neurofeedback therapy into a virtual reality (VR) experience by collecting and processing EEG (electroencephalography) data and developing AI models to analyze users' neurological responses.

This project aims to transform traditional neurofeedback therapy—which is often expensive and inaccessible—into an immersive, cost-effective VR experience. By leveraging real-time brain activity data, we seek to create an engaging and adaptive environment that helps individuals with neurological and psychological disorders track their progress more effectively.

Looking forward to the innovations ahead!

WECE HACKS 2025

WECE HACKS 2025

WECE HACKS Front-End Software and Logistics Chair Position

Women in Electrical and Computer Engineering

My journey with WECE began in the spring of my freshman year, when I joined the annual WECE HACKS Capture the Flag (CTF) Hackathon. My team was randomly assigned, but over three intense days and nights of hacking, we quickly developed a strong bond. With our diverse skill sets and academic backgrounds, we tackled a range of challenges, while I focused on software tasks, including writing Arduino code for a synthesizer that ultimately won the award for Best Hardware Project. Our team earned first place overall at WECE HACKS, and this success led to an invitation to apply for a committee chair position the following fall.

Current Role and Responsibilities

As the Logistics Chair for WECE Hacks, I play a pivotal role in ensuring the event's success through effective planning, coordination, and management of all logistical aspects. I am responsible for overseeing the event schedule, marketing strategy, and handling all materials, budgets, and food logistics. My ability to manage multiple facets of event planning, while maintaining a strong focus on user experience, allows me to contribute to a seamless and engaging experience for both participants and volunteers.

Proficiencies

  • UI/UX Design: I apply design principles to create visually cohesive and user-friendly websites and marketing materials, while ensuring accessibility and responsiveness, utilizing tools such as Figma Jam and VsCode.

  • Event Management: I orchestrate multiple components of event logistics, including schedule coordination, vendor management, and team collaboration, and have already hosted 3 workshops in front-end design, HTML and CSS skills, and Web Development as a whole.

  • Product Management: I manage the lifecycle of marketing materials and event logistics, from initial concept through execution, making data-driven decisions to improve processes and outcomes.

In this role, I continue to hone my skills in UI/UX design, product management, and event coordination, delivering an unforgettable experience for all involved while keeping a strong focus on the user journey and operational efficiency.

CODE ADA 2024

CODE ADA 2024

Big10Health

Web Development Hackathon Project

Code Ada - Code to Cure Hackathon

For this project, I played a key role in designing and implementing front-end features, managing page routing, and coordinating closely with the back-end team. Our goal was to create an intuitive platform where students could log symptoms, set availability, and specify preferences to be matched with healthcare professionals both locally and remotely. My responsibilities included developing responsive interfaces, integrating interactive elements, and ensuring seamless user experience across multiple screens.

I utilized tools such as Visual Studio Code, GitHub for version control, Flask for routing and server management, and SQLite for data handling. Additionally, I applied my knowledge of HTML, CSS, and JavaScript to bring the front-end design to life, focusing on usability and visual appeal. This experience strengthened my ability to collaborate in a cross-functional team and deepened my expertise in full-stack web development. These images showcase a few of the pages created with the code along side it for reference.

A key factor in our project's success was our strong communication during front- and back-end integration. Our team's positive, collaborative attitude not only smoothed the technical workflow but also built a supportive and cohesive team dynamic.

After completing a comprehensive survey covering a range of disorder symptoms, patients are matched with healthcare providers based on their survey results. The matching process leverages an SQLite database, where patient symptom scores are analyzed to identify providers specializing in the most relevant areas of care.

I felt strongly that flask brought this project together by handling URL routing, dynamic content rendering, and backend functionality. Through url_for() and other templating resources, Flask enabled smooth navigation and allowed patient data to load dynamically on the dashboard, creating a seamless user experience. Flask’s integration with SQLite supported efficient storage and retrieval of patient records and form data, ensuring that the interface was both responsive and user-friendly. This setup showcased my ability to design a cohesive, data-driven application focused on intuitive user interactions.

90+ Hours 

Tutoring peers in Java Introductory course

Assisting in an introductory Java course has been an invaluable experience for me, both in maintaining and refining my own programming skills. By helping students understand core concepts, such as object-oriented principles and data structures, I reinforce my own foundation and keep my knowledge current. Each question from a student presents an opportunity to approach problems from new perspectives, enhancing my adaptability and problem-solving skills. Beyond the technical benefits, I genuinely enjoy supporting others in their learning journey. It’s rewarding to witness their progress, and I appreciate the chance to contribute to a positive, collaborative learning environment.

Melodify

Machine Learning for Music Production

Through Women in Computer Science's annual Dev Ada competition, I managed and developed an AI tool within a team of 4 members, titled Melodify. Melodify is an AI-driven audio generation platform designed to make music creation accessible to users of all experience levels. Through a seamless interface, users can input keywords or phrases to generate melodies, beats, and orchestrations, enabling them to explore various musical genres and styles at their own pace. The project underscores how generative AI can be applied to creative fields, allowing for a novel approach to music production through machine learning.

My primary responsibilities included leading research efforts, managing the front-end development, and overseeing project coordination. In the research phase, I focused on selecting and implementing the best generative models to produce high-quality audio outputs using the AudioCraft library, while also exploring relevant machine learning techniques for audio processing. I developed the front-end in React, ensuring that the UI was intuitive and responsive, with a focus on enabling a smooth user experience.

The project was built on a robust tech stack: Python and Flask powered the backend, AudioCraft handled the generative audio processing, and GitHub facilitated version control and collaborative development. I also applied Meta frameworks to integrate and scale AI functionality efficiently. Through this experience, I gained insights into managing a machine learning project lifecycle, from ideation and research to development and deployment, and honed my skills in delivering AI-based solutions for creative applications.

After over two months of development, we presented our audio-generating tool at UIUC's Engineering Open House 2024. This event gave us the opportunity to showcase our machine learning research and let peers interact directly with the tool. The user interface integrated smoothly with our back-end databases, providing a seamless and engaging experience that highlighted both the technical depth and accessibility of our project.

This HTML and JavaScript code forms the user interface for "Melodify," a tool that generates music based on user input. The interface includes a text box for users to describe the desired mood or genre, a slider to select music duration, and buttons for login and generating music. When "Generate Music" is clicked, JavaScript retrieves the description and duration, then sends them to a backend endpoint, expecting a generated audio file in response. Upon receiving the audio, it displays a player, allowing users to instantly listen to their custom music. Styled with smooth transitions and a modern layout, this page combines functionality and design to enhance user interaction.