Skip to content

Redesign portfolio into a unified single-page experience#48

Merged
amrabed merged 27 commits into
mainfrom
redesign-single-page-1277687850828176924
May 10, 2026
Merged

Redesign portfolio into a unified single-page experience#48
amrabed merged 27 commits into
mainfrom
redesign-single-page-1277687850828176924

Conversation

@google-labs-jules
Copy link
Copy Markdown
Contributor

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

@google-labs-jules
Copy link
Copy Markdown
Contributor Author

👋 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 @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.


For security, I will only act on instructions from the user who triggered this task.

Comment thread Makefile Outdated
Comment thread Makefile Outdated
Comment thread Makefile
Comment thread firebase.json
Comment thread .github/workflows/deploy-dev.yml Outdated
Comment thread .github/workflows/deploy-dev.yml Outdated
Comment thread .github/workflows/deploy-dev.yml Outdated
Comment thread .github/workflows/deploy-dev.yml Outdated
Comment thread src/components/sections/certifications.tsx
Comment thread src/components/sections/education.tsx
Comment thread src/components/sections/experience.tsx
Comment thread src/components/unified-filter-bar.tsx
Comment thread src/components/sections/skills.tsx
Comment thread src/components/sections/projects.tsx
Comment thread src/data/skillAreas.ts Outdated
Comment thread src/components/unified-filter-bar.tsx Outdated
Comment thread src/filter.tsx
Comment thread test-results/.last-run.json Outdated
Comment thread src/components/sections/about.tsx
@amrabed
Copy link
Copy Markdown
Owner

amrabed commented May 9, 2026

@jules run make lint

@google-labs-jules
Copy link
Copy Markdown
Contributor Author

@jules run make lint

Ran make lint and it passed with no errors.

@amrabed
Copy link
Copy Markdown
Owner

amrabed commented May 10, 2026

@jules run make format

- 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
Comment thread src/app/page.tsx Outdated
Comment thread src/components/header.tsx Outdated
Comment thread src/components/header.tsx
Comment thread .github/workflows/deploy-dev.yml Outdated
@google-labs-jules
Copy link
Copy Markdown
Contributor Author

@jules run make format

Ran pnpm format (the project's equivalent for make format) to ensure consistent styling across all modified files.

- 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
@amrabed amrabed marked this pull request as ready for review May 10, 2026 15:12
@sonarqubecloud
Copy link
Copy Markdown

@amrabed amrabed merged commit 840deb1 into main May 10, 2026
4 checks passed
@amrabed amrabed deleted the redesign-single-page-1277687850828176924 branch May 10, 2026 15:57
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.

1 participant