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
Over a two-month period, contributed to BETIS-Fasilkom-UI/BETIS25-FE by building a cohesive front-end UI component library and delivering feature-rich pages. Developed reusable components such as chips, buttons, cards, tabs, and pagination with consistent theming and accessibility in mind, using React, TypeScript, and Tailwind CSS. Established authentication and registration flows, integrated UI assets, and implemented a color palette for unified branding. Enhanced user experience through responsive design and UI interaction improvements, while addressing critical styling and navigation bugs. Additionally, delivered the Betalks event page with speaker details and visual enhancements, centralizing content for maintainability and supporting future localization needs.
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 peopleSame Organization
@ui.ac.id3
Shared Repositories
10
Andrew4CodingMember
Carleano Ravelza WongsoMember
DaffaI06Member
DaffaI06Member
Muhammad FauzanMember
nairisfaMember
szoyafMember
TrayMachiMember
Tristan A.Member
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