Redesign portfolio into a unified single-page experience#48
Conversation
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
|
@jules run |
Ran |
|
@jules run |
- Enrich certification data with skills and areas - Implement single-page layout in src/app/page.tsx - Create unified sticky filter bar for cross-section search and filtering - Add scroll-spy and smooth navigation in MainHeader - Define skill-to-area mapping for unified filtering - Add GitHub workflow and Makefile targets for Firebase dev deployments - Ensure responsive design and accessibility across all components
Ran |
- Moved Education section below Experience in page layout and header nav - Replaced anchor with button for Title to fix Sonar accessibility issue - Ran formatter to ensure code style consistency
- Updated .section class to h-fit and justify-start to remove unnecessary gaps - Fixed GitHub links in ProjectView to handle shorthand repository paths - Ensured consistent formatting across modified files
- Enabled skill-based filtering for Projects and Certifications sections - Unified 'selectedSkills' usage across all filterable sections - Ensured consistent filtering logic in useMemo hooks for better performance
|



This PR transforms the multi-page portfolio into a single-page site. Key features include a unified, sticky search and filter bar that cross-filters all sections (Skills, Certifications, Education, Projects, and Experience), result count badges for each section, smooth navigation with scroll-spy, and enriched data for certifications. It also adds support for dual-target Firebase hosting and a dedicated dev deployment workflow.
PR created automatically by Jules for task 1277687850828176924 started by @amrabed