Back to Projects

Jay-r Olores Portfolio

Built my current portfolio around real experience, case studies, core stack positioning, theme support, and a responsive project showcase.

Code editor open on a laptop in a developer workspace.

Problem

My portfolio needed to present me as a product-focused full-stack developer, not just list technologies. It also needed to show real work clearly across desktop and mobile while keeping the site maintainable enough to keep updating as my experience grows.

Solution

I built a personal portfolio with a focused hero, project showcase, case-study pages, capability sections, professional history, theme support, and interaction details like a custom cursor and scroll-to-top control. The project system uses Astro content collections so each case study can be edited as Markdown.

What I Owned

  • Designed and built the site structure from hero through footer.
  • Created the project carousel/list experience and project detail pages.
  • Modeled project and experience content with typed Astro collections.
  • Added responsive navigation, theme behavior, and small interaction details.

Tech

  • Astro for static generation, content collections, routing, and deployment-friendly output.
  • React for interactive project showcase controls.
  • Tailwind CSS for the brutalist visual system and responsive layout.

Key Decisions

  • Used content collections for projects and experience so portfolio updates stay close to the writing.
  • Split project display into carousel and list modes to support both visual browsing and quick scanning.
  • Kept the main positioning tied to the stack I want to be hired for: React, TypeScript, Laravel, PostgreSQL, and Astro.
  • Treated experience as proof, with specific roles and outcomes instead of generic claims.

Tradeoffs

  • The site uses richer client-side interaction in the projects section, which adds complexity compared with a fully static list.
  • The visual style is intentionally bold, which makes consistency and spacing more important across breakpoints.

Outcome

  • Delivered a deployed personal site that clearly shows my positioning, skills, projects, and professional history.
  • Built a maintainable content model for adding new real-world projects over time.
  • Created a portfolio foundation that can evolve without rewriting the whole site.