Skip to content

Conversation

@ryanaidilp
Copy link
Contributor

Summary

  • Implement comprehensive responsive design for all pages
  • Create reusable Navigation component with mobile hamburger menu
  • Extract DataSources component with structured data
  • Fix branding consistency across all pages
  • Add MIT license and API source code references

Changes Made

  • Responsive Design: Mobile-first approach with proper breakpoints
  • Navigation Component: Reusable with transparent/solid variants and mobile menu
  • DataSources Component: Extracted with TypeScript interfaces for data structure
  • Mobile Navigation: Added to Documentation and ApiReference pages
  • Branding Fixes: Updated "Banua Coders" to "Banua Coder" consistently
  • License: Added MIT license file with proper attribution
  • API References: Added links to pico-api-go repository

Technical Details

  • Vue 3 Composition API with TypeScript
  • Mobile hamburger menu with overlay and body scroll prevention
  • Responsive typography and grid layouts
  • Component extraction for better reusability
  • Proper mobile padding for fixed navigation

Test Plan

  • Test responsive design on mobile, tablet, and desktop
  • Verify mobile navigation functionality
  • Check all page layouts and component rendering
  • Validate data source links and branding consistency
  • Confirm license file and API references are correct

- Add mobile hamburger menu with smooth slide-in animation
- Implement responsive typography scaling (text-3xl -> sm:text-4xl -> md:text-5xl)
- Optimize hero section layout and spacing for mobile devices
- Enhance bento grid with proper responsive breakpoints (sm:grid-cols-2)
- Extract DataSources into reusable component with clickable links
- Add mobile-first navigation with language toggle
- Improve padding and margins across all screen sizes
- Add proper mobile menu overlay and body scroll prevention
- Remove conflicting 'block' class that conflicts with 'flex'
- Keep Banua Coder URL pointing to banuacoder.com website
- Extract navigation into reusable Navigation component
- Add mobile hamburger menu to Documentation and ApiReference pages
- Support both transparent (home) and solid (other pages) variants
- Add proper active state highlighting based on current route
- Include mobile language toggle and responsive design
- Fix padding for fixed navigation on all pages
- Fix company name from 'Banua Coders' to 'Banua Coder'
- Update main website links from banuacoders.com to banuacoder.com
- Add GitHub link for Fajrian Aidil Pratama (ryanaidilp)
- Keep PICO app links pointing to banuacoders.com (not migrated yet)
- Update footer author link to GitHub profile
- Fix branding consistency across all pages
- Add MIT license file with Fajrian Aidil Pratama as copyright holder
- Include API source code link to pico-api-go repository in footer
- Separate developer GitHub link for better navigation
- Change license from ISC to MIT License with file reference
- Add API source code link to pico-api-go repository
- Fix branding from "Banua Coders" to "Banua Coder"
- Add developer GitHub profile link
- Include proper attribution and company website links
@ryanaidilp ryanaidilp self-assigned this Sep 8, 2025
@ryanaidilp ryanaidilp merged commit 62dc3d6 into develop Sep 8, 2025
@ryanaidilp ryanaidilp deleted the feature/update-web-responsiveness branch September 8, 2025 02:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants