IEEE WIE University of Moratuwa Website

Developed the IEEE WIE University of Moratuwa website to showcase the chapter's mission, events and achievements, promoting initiatives and empowering women in engineering across Sri Lanka.

ORGANIZATIONIEEE WIE University of Moratuwa (Team Project)
MY CONTRIBUTIONWeb Development, Frontend Design, Event Archive Implementation
TECHNOLOGYNext.js, TypeScript, Tailwind CSS, GitHub
TIMELINEJuly 2025 – September 2025
01 / OVERVIEWCHAPTER PORTAL & COMMUNITY REACH

The IEEE Women in Engineering (WIE) Student Branch Affinity Group at the University of Moratuwa is dedicated to empowering female engineers through educational workshops, mentoring programs, panel discussions, and competitive challenges such as SHErlock.

The website serves as a central digital platform to highlight flagship initiatives, document chapter achievements, introduce the executive committee, and facilitate outreach across engineering universities in Sri Lanka.

02 & 03 / ROLE & CONCRETE RESPONSIBILITIESFRONTEND DEVELOPMENT & LAYOUT

Chapter Mission & Hero Layout

Designed and built welcoming, responsive hero banners and mission statement sections reflecting the chapter's core values and community goals.

Event Showcase & Archives

Created structured listing layouts for past and upcoming initiatives, workshops, webinars, and hackathons with filterable categories.

Executive Committee Directory

Implemented clean directory components profiling chapter officers, faculty advisors, and volunteer leads.

Performance & Responsive Polish

Optimized layouts using Tailwind CSS for fluid responsiveness across smart devices, ensuring fast load times and clean typography.

04 / TECHNOLOGY STACKMODERN WEB STACK
LAYERTECHNOLOGYENGINEERING RATIONALE
FrameworkNext.js, TypeScriptEnables efficient client-side routing, static pre-rendering, and modular component reuse.
StylingTailwind CSSEnables clean responsive utility design, rapid layout iteration, and consistent spacing.
CollaborationGitHubFacilitates version control, issue tracking, and peer code reviews across chapter developers.
06 / WHAT I LEARNEDCOMMUNITY-DRIVEN ENGINEERING

Community Identity

Designing for a student chapter required balancing official IEEE brand guidelines with an engaging, vibrant personality that appeals to incoming undergraduates.

Collaborative Delivery

Delivering features in a team environment sharpened code review habits, Git branch management, and cross-functional coordination with content creators.