BETIS-Fasilkom-UI/BETIS25-FE
Nov 2024 – Feb 2025
2 Months active
Languages Used
CSSHTMLJavaScriptTypeScriptYAMLtsx
Technical Skills
Asset ManagementCSSComponent DesignComponent DevelopmentComponent LibraryFile Uploads
narawaa
PROFILE
Narawaa
Nashwa Ghania developed a cohesive front-end UI component library for the BETIS25-FE repository, establishing reusable building blocks and consistent theming to accelerate feature delivery. She engineered core components such as chips, buttons, cards, tabs, and pagination, integrating accessibility and responsive design using React, TypeScript, and Tailwind CSS. Nashwa also implemented authentication and registration page scaffolds, streamlining user onboarding workflows. Her work included visual enhancements like background images and CSS animations for event pages, as well as centralized text constants to improve maintainability. By fixing high-impact UI bugs, she ensured stable, visually consistent interfaces and laid a solid foundation for future development.
Overall Statistics
Feature vs Bugs
73%Features
Repository Contributions
35Total
Bugs
6
Commits
35
Features
16
Lines of code
5,305
Activity Months2
Your Network
13 people
Work History
February 2025
3 Commits • 1 Features
Feb 1, 2025February 2025 focused frontend delivery for BETIS25-FE. Key feature delivered: Betalks Page with Speaker Details and Visual Enhancements, including speaker information (name, role, image) and event details (date, place) with a responsive UI. Visual improvements included background images and CSS animations to enhance the speaker section. Maintained code quality by centralizing speaker section text constants for easier updates and future localization. A bug fix addressed UI stability by introducing a const for the speaker section to ensure consistent rendering. Overall, the work enhances user engagement on event pages, improves maintainability, and sets a foundation for faster content updates.
3 Commits • 1 Features
Feb 1, 2025February 2025 focused frontend delivery for BETIS25-FE. Key feature delivered: Betalks Page with Speaker Details and Visual Enhancements, including speaker information (name, role, image) and event details (date, place) with a responsive UI. Visual improvements included background images and CSS animations to enhance the speaker section. Maintained code quality by centralizing speaker section text constants for easier updates and future localization. A bug fix addressed UI stability by introducing a const for the speaker section to ensure consistent rendering. Overall, the work enhances user engagement on event pages, improves maintainability, and sets a foundation for faster content updates.
February 2025
November 2024
32 Commits • 15 Features
Nov 1, 2024November 2024 (Month: 2024-11) — Delivered a cohesive front-end UI component library for BETIS25-FE, establishing reusable building blocks and visual theming that accelerate future feature work. Implemented core components (Chips, Button, Cards, Tabs, Tooltip, Countdown, Pagination) with cohesive styling and accessibility considerations. Completed UI asset integration and color palette, enabling consistent branding across pages. Advanced user experiences through UI Interaction Enhancements (labels, asterisk indicators, combobox onchange) and resolved navigation issues (Tabs arrow navigation). Built the authentication and registration page scaffolds (login, registration, backgrounds, and navigation flows), plus a user registration submission workflow. Fixed critical styling and visual bugs (countdown display, cards, chips, background blur, font/color rendering). These efforts deliver measurable business value by enabling quicker UI assembly, consistent theming, and a solid foundation for user onboarding flows.
November 2024
32 Commits • 15 Features
Nov 1, 2024November 2024 (Month: 2024-11) — Delivered a cohesive front-end UI component library for BETIS25-FE, establishing reusable building blocks and visual theming that accelerate future feature work. Implemented core components (Chips, Button, Cards, Tabs, Tooltip, Countdown, Pagination) with cohesive styling and accessibility considerations. Completed UI asset integration and color palette, enabling consistent branding across pages. Advanced user experiences through UI Interaction Enhancements (labels, asterisk indicators, combobox onchange) and resolved navigation issues (Tabs arrow navigation). Built the authentication and registration page scaffolds (login, registration, backgrounds, and navigation flows), plus a user registration submission workflow. Fixed critical styling and visual bugs (countdown display, cards, chips, background blur, font/color rendering). These efforts deliver measurable business value by enabling quicker UI assembly, consistent theming, and a solid foundation for user onboarding flows.
Activity
Loading activity data...
Quality Metrics
Correctness92.8%
Maintainability91.2%
Architecture88.6%
Performance87.6%
AI Usage21.6%
Skills & Technologies
Programming Languages
CSSHTMLJavaScriptTypeScriptYAMLtsx
Technical Skills
Asset ManagementCSSCSS AnimationsComponent DesignComponent DevelopmentComponent LibraryFile UploadsForm HandlingFront End DevelopmentFront-end DevelopmentFrontend DevelopmentNext.jsReactReact Hook FormResponsive Design
Repositories Contributed To
Overview of all repositories you've contributed to across your timeline