blueprint

Sheraz Hussain Updated 6 April 2026 System Repository
Browse Repository
Technical Assets / blueprint.md

App Name: Aetherfolio

Core Features:

  • Sticky Navigation Header: A header that remains fixed at the top of the viewport as the user scrolls, providing easy access to navigation links.
  • Dynamic Skills Display: Presents a categorized and filterable display of the user's technical skills.
  • Vertical Timeline Experience: Displays work experience in a clear, chronological format.
  • Login Authentication: Firebase Authentication is used to securely log in the user and manages their session state.
  • Resume Analyzer: The Gemini API analyzes the resume against the job description and the user receives an actionable, informative and insightful decision with a custom action plan as a tool to proceed effectively.

Style Guidelines:

  • Background color: Deep navy blue (#0D1321) to establish a professional and modern aesthetic.
  • Primary color: Teal (#00A388) for interactive elements and highlights.
  • Accent color: Light gray (#E2E8F0) for text, ensuring readability and contrast.
  • Body and headline font: 'Inter' (sans-serif) provides a clean and modern look suitable for both headlines and body text.
  • Use simple, line-based icons to represent skills and technologies. Ensure icons are consistent and complement the overall aesthetic.
  • Employ a grid-based layout for project cards and skill displays to ensure responsiveness across devices.
  • Subtle animations on hover and transitions provide a polished and interactive user experience.