ROADMAP

Goals

• Improve usability and accessibility
• Optimize project presentation and portfolio content for SEO and user experience
• Provide full access to roadmap documentation to highlight project planning and attention to detail

Planned Features

• Roadmap Documentation
  • Include links to planning documents, specs, and user stories.
  • Document past decisions, iterations, and goals achieved
  • Highlight planning details to showcase organization and follow-through

• MVP Accessibility
  • Review and update semantic HTML structure and ARIA roles (In Progress)
  • Improve focus states and keyboard navigation
  • Add alt text and labels to all interactive elements

• MVP SEO Optimization
  • Add <meta> tags and proper page titles.
  • Optimize heading structure and content hierarchy
  • Add sitemap and robots.txt for indexing

Bug Fixes

• Pulsing contact button – only the box shadow should pulse

Goals

• Improve project interactivity and access to live demos
• Enhance user experience with smooth animations and visual feedback
• Provide clear access to documentation for custom developer tools
• Increase maintainability and scalability with reusable components
• Strengthen overall usability, responsiveness, and performance

Planned Features

• Project Section Expansion
  • Project Link Integration
    • Focus project: AccessQuest
      • AuthCore (backend)
      • CoreUI (frontend)
  • "See More" Functionality
    • Add expandable/collapsible sections or modals to each project card
    • Add expandable/collapsible sections or modals to each version on roadmaps
    • Include additional project details, tech stack, challenges, and lessons learned
  • ChromaCSS Documentation Access
    • Add easily accessible links to GitHub and/or documentation pages
  • DevKit Documentation Access
    • Add easily accessible link to GitHub

• ChromaCSS & DevKit Documentation Access
  • Add easily accessible links to GitHub and/or documentation pages
  • Brief descriptions of each tool directly on the portfolio
  • Include use cases or feature highlights in tool descriptions

• Background Image Optimization
  • Implement fade-in or slide-in animations for lazy-loaded images
  • Optimize resolution and loading of project section background image
  • Ensure performance is preserved across devices
  • Ensure responsiveness across all devices and displays

• Component Reusability
  • Create reusable components for header, footer, and project cards
  • Streamline layout and styling for consistency across pages
  • Ensure performance is preserved across devices
  • Reduce duplication and simplify future updates

Bug Fixes

• Action header overlaps content after fading on scroll
• Refine scroll-triggered fade logic
• Blurry background image in the Projects section and Roadmap page

Goals

• Improve project interactivity and information access
• Showcase documentation skills and development process by integrating a dedicated documents page into the portfolio.
• Replace icon set and background image with optimized/custom alternatives
• Ensure consistent, professional visual design across all pages

Planned Features

• Document Page Integration
  • Add a new page to host project documentation (e.g., specs, summaries, change logs)
  • Organize documents for clarity and easy navigation
  • Highlight attention to detail, planning, and communication skills
  • Ensure the page is visually aligned with the rest of the portfolio

• Security Enhancements
  • Add Subresource Integrity (SRI) for Font Awesome CDN
  • Validate and sanitize all contact form input (name, email, message)
  • Prevent form abuse with spam protection (reCAPTCHA or honeypot technique)
  • Implement a strong Content Security Policy (CSP) via <meta> tag
  • Add relevant security headers using Vercel config or <meta> tags
    • X-Content-Type-Options: nosniff
    • X-Frame-Options: DENY
  • Minimize use of external scripts; audit for security risks
  • Test site with frontend security tools (Mozilla Observatory, Lighthouse audit)
  • Create and link a security.txt file for responsible disclosure

• Icon Customization
  • Replace Font Awesome with inline SVGs or a custom icon set
  • Consider building a reusable, accessible icon component

• Skills Section Redesign
  • Visual and interactive skills display
  • Group by category (Frontend, Backend, Tools)
  • Consider animated or hover-reveal elements

• UI Polish Pass
  • Refine spacing, alignment, and typography across all pages
  • Standardize button styles, hover effects, and icon usage
  • Ensure consistent use of color palette and component styling
  • Review responsiveness and tweak layout for all screen sizes

Bug Fixes

• Nothing to see here....yet