personalProjectType The personalProjectType defines the structure for personal project entries in the portfolio. It is an array type containing project objects.
Type Definition export type personalProjectType = { href : string ; imageSrc : string ; imageAlt : string ; title : string ; description : string ; tech : string []; }[];
Fields The URL or path to the project. Can be an external link (e.g., GitHub repository, live demo) or an internal route (e.g., /blog/post/intern-experience-aws).
The path to the project’s preview image. Typically references images in the public directory (e.g., /angler_spots.png).
Alternative text for the project image, used for accessibility and SEO purposes.
The display name of the project. Often includes emoji for visual appeal (e.g., “Angler Spots 🎣”).
A detailed description of the project, explaining its purpose, features, and impact. Should be concise yet informative.
An array of technology stack items used in the project. Can include frameworks, languages, platforms, and tools (e.g., ["NextJS", "TypeScript", "AWS"]).
Usage Example import { personalProjectType } from '@/data/projects' ; const projects : personalProjectType = [ { href: "https://github.com/username/project" , imageSrc: "/project-preview.png" , imageAlt: "Project Preview" , title: "My Awesome Project 🚀" , description: "A revolutionary tool that solves real-world problems with innovative technology." , tech: [ "React" , "TypeScript" , "TailwindCSS" , "Firebase" ] } ];
Notes
href : Use absolute URLs for external links and relative paths for internal routesimageSrc : Optimize images for web (recommended dimensions: 1200x630 for consistency)imageAlt : Write descriptive alt text that conveys the project’s visual contenttitle : Keep titles concise and memorable; emojis can enhance visual scanningdescription : Aim for 2-3 sentences that highlight the problem solved and key featurestech : List technologies in order of importance or usage; be specific (e.g., “AWS S3” instead of just “AWS”) 