Hi, I'm Chhavi 🌙
A creative full-stack developer and design-driven engineer passionate about building accessible, performant web experiences. I love combining clean code with thoughtful design to create interfaces that work beautifully for everyone.
Let's Connect!About Me
- 🎓 Fourth-year student at UBC pursuing a combined major in Cognitive Systems & Design, blending technical and design expertise to create innovative user experiences.
- 💻 Full-stack developer with experience in React, Next.js, Node.js, and accessibility-first design.
- 🔍 Detail-oriented with experience in UI/UX, A/B testing, and cross-functional collaboration.
- ⚙️ Familiar with ML workflows, backend APIs, and building scalable systems.
- 🚀 Worked on AI-powered tools, accessibility widgets, and data-driven web apps.
- 🌱 Always learning, currently exploring MLOps and advanced system design.
Tech Stack
frontend
backend
tools
design
My Projects
CourseInsights
CourseInsights is a web application that automates and visualizes course survey results. It processes CSV survey data into structured PDF reports and provides an accessible interface for instructors and administrators to track course performance and student engagement.
PythonFlaskHTML/CSSPandas
BCPM Network
BCPM Network is a professional community website for the BC Proteomics and Metabolomics Network. I designed and developed the site to showcase research, workshops, symposia, and resources, while aligning with the network’s branding and ensuring accessibility across devices.
Next.jsTailwind CSSVercel
Concept Mapping Tool
The Concept Mapping Tool is an open-source platform for analyzing and visualizing complex data in healthcare research. It supports qualitative feedback analysis, multidimensional scaling (MDS), and hierarchical clustering to uncover patterns and improve thematic clarity, reducing manual analysis by 50%.
PythonFastAPINetworkXPlotly
Your Search Box AI Powered Widget
AI-powered search bar with voice and visual search, optimized with Next.js SSR for fast performance and platform integration with Shopify, WordPress, and Wix.
ReactNext.jsNode.jsNLPAI
Autonomous Arduino Robot
Multi-stage autonomous robot capable of wall following, line following, and 360° object detection using embedded systems and sensor fusion.
ArduinoC++PIDUltrasonic SensorsIR Sensors
Webability Compliance Website
Accessibility widget ensuring ADA and WCAG 2.1 compliance with keyboard navigation, high contrast modes, and optimized performance.
CSSADAWCAGJavaScript
Starcrew Website
UX research-driven responsive website built with Framer, featuring smooth animations and cross-browser compatibility.
FramerCSSUX ResearchBrowserStack
Vancouver Pizza Heaven
UX researched website designed in Figma, coded in responsive HTML/CSS with SEO best practices and intuitive navigation.
HTMLCSSFigmaSEO
Recommendation System for VR Experiences
Recommendation engine using collaborative and content-based filtering with TensorFlow, improving VR experience suggestions by 20%.
PythonTensorFlowJupyterPandas
