vsaWebsite

Vietnamese Student Association (VSA) Website

https://mbxelle.github.io/vsaWebsite/

A modern, responsive, and accessible website built for the Vietnamese Student Association at Toronto Metropolitan University (TMU). The site is designed to showcase events, executive members, and community initiatives, while maintaining cultural identity and accessibility across all devices.

---

Project Overview

The VSA website serves as the official digital platform for student engagement, event announcements, and cultural outreach.
It features a clean design with an emphasis on semantic HTML, WCAG accessibility, and performance optimization.

🎯 Goals

• Represent TMU’s Vietnamese Student Association with a professional online presence
• Build a fast, mobile-first layout that’s fully accessible and SEO-optimized
• Provide clear navigation for events, team members, and contact information
• Continuously expand interactivity using JavaScript and React

---

🧠 Technologies Used

| Category | Technologies | |———–|—————| | Frontend | HTML5, CSS3 (Flexbox + Grid), JavaScript (ES6+), React, Node.js | | Design & Structure | Semantic HTML, CSS variables, WCAG accessibility | | Version Control | Git & GitHub | | Deployment | GitHub Pages | | Performance Tools | Lighthouse, Chrome DevTools |

---

🚀 Current Features

✅ Fully semantic, SEO-optimized HTML5 structure
✅ 100% Lighthouse SEO score and excellent performance metrics
✅ WCAG-compliant colors, alt-text, and ARIA attributes
✅ Reusable and organized CSS classes for layout consistency
✅ Organized sectioning (About Us, Execs, Events,Archive, Footer)

---