damien/personal-website
1
0
Fork 0
Code Actions Packages Releases Activity

fix: fixed data 1
Some checks failed
Build and Push Docker Image to Gitea Registry / build-and-push (push) Failing after 10m59s
Details

Browse Source
This commit is contained in:
Damien 2025-02-27 23:07:14 -05:00
parent 13e22c9f34
commit 42e615517e
3 changed files with 314 additions and 287 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/ProjectCard.tsx
View File

@ -10,7 +10,8 @@ import {
Chip, Chip,
Stack, Stack,
useTheme, useTheme,
useMediaQuery useMediaQuery,
SvgIcon
} from '@mui/material'; } from '@mui/material';
import GitHubIcon from '@mui/icons-material/GitHub'; import GitHubIcon from '@mui/icons-material/GitHub';
import LaunchIcon from '@mui/icons-material/Launch'; import LaunchIcon from '@mui/icons-material/Launch';
@ -44,6 +45,26 @@ interface ProjectCardProps {
project: Project; project: Project;
} }
const GiteaIcon = (props: SvgIconProps) => (
<SvgIcon {...props} viewBox="0 0 512 512">
<rect rx="15%" height="512" width="512" />
<path d="M419 150c-98 7-186 2-276-1-27 0-63 19-61 67 3 75 71 82 99 83 3 14 35 62 59 65h104c63-5 109-213 75-214zm-311 67c-3-21 7-42 42-42 3 39 10 61 22 96-32-5-59-15-64-54z" fill="#592" />
<path d="m293 152v70" strokeWidth="9" />
<g transform="rotate(25.7 496 -423)" strokeWidth="7" fill="#592">
<path d="M561 246h97" />
<rect x="561" y="246" width="97" height="97" rx="16" />
<path d="M592 245v75" />
<path d="M592 273c45 0 38-5 38 48" fill="none" />
<circle cx="592" cy="320" r="10" />
<circle cx="630" cy="320" r="10" />
<circle cx="592" cy="273" r="10" />
</g>
</SvgIcon>
);
const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => { const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
const [currentImageIndex, setCurrentImageIndex] = useState(0); const [currentImageIndex, setCurrentImageIndex] = useState(0);
const [isHovered, setIsHovered] = useState(false); const [isHovered, setIsHovered] = useState(false);
@ -107,8 +128,6 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
transition: 'all 0.3s ease-in-out' transition: 'all 0.3s ease-in-out'
}} }}
/> />
{/* Image navigation controls - only show if there are multiple images */}
{project.images.length > 1 && ( {project.images.length > 1 && (
<> <>
<IconButton <IconButton
@ -259,7 +278,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ project }) => {
key={index} key={index}
variant="outlined" variant="outlined"
size="small" size="small"
startIcon={<GitHubIcon />} startIcon={<GiteaIcon />}
href={repo.url} href={repo.url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"

298
src/data/game_projects.ts
View File

@ -2,155 +2,155 @@ import { Project } from '@/components/ProjectCard';
// Sample project data // Sample project data
const projects: Project[] = [ const projects: Project[] = [
{ // {
id: '1', // id: '1',
title: 'E-Commerce Platform', // title: 'E-Commerce Platform',
description: 'A full-featured e-commerce platform with product management, shopping cart, and payment processing capabilities.', // description: 'A full-featured e-commerce platform with product management, shopping cart, and payment processing capabilities.',
technologies: ['React', 'Node.js', 'MongoDB', 'Stripe'], // technologies: ['React', 'Node.js', 'MongoDB', 'Stripe'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?ecommerce', // src: 'https://source.unsplash.com/random/800x600?ecommerce',
alt: 'E-commerce dashboard' // alt: 'E-commerce dashboard'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?shopping', // src: 'https://source.unsplash.com/random/800x600?shopping',
alt: 'Shopping cart interface' // alt: 'Shopping cart interface'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?payment', // src: 'https://source.unsplash.com/random/800x600?payment',
alt: 'Payment processing screen' // alt: 'Payment processing screen'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Frontend', url: 'https://github.com/username/ecommerce-frontend' }, // { name: 'Frontend', url: 'https://github.com/username/ecommerce-frontend' },
{ name: 'Backend', url: 'https://github.com/username/ecommerce-api' } // { name: 'Backend', url: 'https://github.com/username/ecommerce-api' }
], // ],
demoUrl: 'https://ecommerce-demo.example.com' // demoUrl: 'https://ecommerce-demo.example.com'
}, // },
{ // {
id: '2', // id: '2',
title: 'Weather App', // title: 'Weather App',
description: 'A responsive weather application that provides real-time weather data and forecasts for locations worldwide.', // description: 'A responsive weather application that provides real-time weather data and forecasts for locations worldwide.',
technologies: ['JavaScript', 'React', 'OpenWeather API', 'CSS'], // technologies: ['JavaScript', 'React', 'OpenWeather API', 'CSS'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?weather', // src: 'https://source.unsplash.com/random/800x600?weather',
alt: 'Weather app interface' // alt: 'Weather app interface'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?forecast', // src: 'https://source.unsplash.com/random/800x600?forecast',
alt: 'Forecast view' // alt: 'Forecast view'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Repo', url: 'https://github.com/username/weather-app' } // { name: 'Repo', url: 'https://github.com/username/weather-app' }
], // ],
demoUrl: 'https://weather-app-demo.example.com' // demoUrl: 'https://weather-app-demo.example.com'
}, // },
{ // {
id: '3', // id: '3',
title: 'Task Management System', // title: 'Task Management System',
description: 'A comprehensive task management system with features like task assignment, progress tracking, and deadline notifications.', // description: 'A comprehensive task management system with features like task assignment, progress tracking, and deadline notifications.',
technologies: ['TypeScript', 'Angular', 'Firebase', 'Material UI'], // technologies: ['TypeScript', 'Angular', 'Firebase', 'Material UI'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?tasks', // src: 'https://source.unsplash.com/random/800x600?tasks',
alt: 'Task management dashboard' // alt: 'Task management dashboard'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Repo', url: 'https://github.com/username/task-management' } // { name: 'Repo', url: 'https://github.com/username/task-management' }
], // ],
demoUrl: 'https://task-app-demo.example.com' // demoUrl: 'https://task-app-demo.example.com'
}, // },
{ // {
id: '4', // id: '4',
title: 'Portfolio Website', // title: 'Portfolio Website',
description: 'A personal portfolio website showcasing projects, skills, and professional experience with a modern, responsive design.', // description: 'A personal portfolio website showcasing projects, skills, and professional experience with a modern, responsive design.',
technologies: ['HTML', 'CSS', 'JavaScript', 'GSAP'], // technologies: ['HTML', 'CSS', 'JavaScript', 'GSAP'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?portfolio', // src: 'https://source.unsplash.com/random/800x600?portfolio',
alt: 'Portfolio homepage' // alt: 'Portfolio homepage'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?website', // src: 'https://source.unsplash.com/random/800x600?website',
alt: 'Projects section' // alt: 'Projects section'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?design', // src: 'https://source.unsplash.com/random/800x600?design',
alt: 'Contact form' // alt: 'Contact form'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Repo', url: 'https://github.com/username/portfolio' } // { name: 'Repo', url: 'https://github.com/username/portfolio' }
], // ],
demoUrl: 'https://portfolio-demo.example.com' // demoUrl: 'https://portfolio-demo.example.com'
}, // },
{ // {
id: '5', // id: '5',
title: 'Recipe Finder', // title: 'Recipe Finder',
description: 'An application that allows users to search for recipes based on ingredients, dietary restrictions, and cuisine preferences.', // description: 'An application that allows users to search for recipes based on ingredients, dietary restrictions, and cuisine preferences.',
technologies: ['React', 'Redux', 'Spoonacular API', 'Styled Components'], // technologies: ['React', 'Redux', 'Spoonacular API', 'Styled Components'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?recipe', // src: 'https://source.unsplash.com/random/800x600?recipe',
alt: 'Recipe search interface' // alt: 'Recipe search interface'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?food', // src: 'https://source.unsplash.com/random/800x600?food',
alt: 'Recipe details' // alt: 'Recipe details'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Repo', url: 'https://github.com/username/recipe-finder' } // { name: 'Repo', url: 'https://github.com/username/recipe-finder' }
], // ],
demoUrl: 'https://recipe-finder-demo.example.com' // demoUrl: 'https://recipe-finder-demo.example.com'
}, // },
{ // {
id: '6', // id: '6',
title: 'Fitness Tracker', // title: 'Fitness Tracker',
description: 'A fitness tracking application that helps users monitor workouts, set goals, and track progress over time.', // description: 'A fitness tracking application that helps users monitor workouts, set goals, and track progress over time.',
technologies: ['React Native', 'Firebase', 'Redux', 'Chart.js'], // technologies: ['React Native', 'Firebase', 'Redux', 'Chart.js'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?fitness', // src: 'https://source.unsplash.com/random/800x600?fitness',
alt: 'Fitness tracker dashboard' // alt: 'Fitness tracker dashboard'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?workout', // src: 'https://source.unsplash.com/random/800x600?workout',
alt: 'Workout tracking screen' // alt: 'Workout tracking screen'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?exercise', // src: 'https://source.unsplash.com/random/800x600?exercise',
alt: 'Progress charts' // alt: 'Progress charts'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Repo', url: 'https://github.com/username/fitness-tracker' } // { name: 'Repo', url: 'https://github.com/username/fitness-tracker' }
], // ],
demoUrl: 'https://fitness-app-demo.example.com' // demoUrl: 'https://fitness-app-demo.example.com'
}, // },
{ // {
id: '7', // id: '7',
title: 'Chat Application', // title: 'Chat Application',
description: 'A real-time chat application with features like private messaging, group chats, and file sharing capabilities.', // description: 'A real-time chat application with features like private messaging, group chats, and file sharing capabilities.',
technologies: ['Socket.io', 'Express', 'MongoDB', 'React'], // technologies: ['Socket.io', 'Express', 'MongoDB', 'React'],
images: [ // images: [
{ // {
src: 'https://source.unsplash.com/random/800x600?chat', // src: 'https://source.unsplash.com/random/800x600?chat',
alt: 'Chat interface' // alt: 'Chat interface'
}, // },
{ // {
src: 'https://source.unsplash.com/random/800x600?messaging', // src: 'https://source.unsplash.com/random/800x600?messaging',
alt: 'Messaging screen' // alt: 'Messaging screen'
} // }
], // ],
repositories: [ // repositories: [
{ name: 'Repo', url: 'https://github.com/username/chat-app' } // { name: 'Repo', url: 'https://github.com/username/chat-app' }
], // ],
demoUrl: 'https://chat-app-demo.example.com' // demoUrl: 'https://chat-app-demo.example.com'
}, // },
// { // {
// id: '8', // id: '8',
// title: 'Budget Tracker', // title: 'Budget Tracker',

276
src/data/software_projects.ts
View File

@ -4,154 +4,162 @@ import { Project } from '@/components/ProjectCard';
const projects: Project[] = [ const projects: Project[] = [
{ {
id: '1', id: '1',
title: 'E-Commerce Platform', title: 'Meilisearch.NET (Unfinished)',
description: 'A full-featured e-commerce platform with product management, shopping cart, and payment processing capabilities.', description: 'A extension of the Meilisearch SDK for .NET that enabled the ability to embed the Meilisearch server and Ollama AI Server in your application. It also provides functionality for compressing and decompressing indexs as you need them to help with vector database size. Intergate directly with the Meilisearch SDK for .NET and AI intergation on the roadmap.',
technologies: ['React', 'Node.js', 'MongoDB', 'Stripe'], technologies: ['.NET', 'Meilisearch', 'Nuget'],
images: [ images: [],
{
src: 'https://source.unsplash.com/random/800x600?ecommerce',
alt: 'E-commerce dashboard'
},
{
src: 'https://source.unsplash.com/random/800x600?shopping',
alt: 'Shopping cart interface'
},
{
src: 'https://source.unsplash.com/random/800x600?payment',
alt: 'Payment processing screen'
}
],
repositories: [ repositories: [
{ name: 'Frontend', url: 'https://github.com/username/ecommerce-frontend' }, { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/meilisearch.NET' },
{ name: 'Backend', url: 'https://github.com/username/ecommerce-api' } { name: 'Gitea Package', url: 'https://git.d4m13n.dev/damien/-/packages/nuget/meilisearch.net/' }
], ],
demoUrl: 'https://ecommerce-demo.example.com'
}, },
{ {
id: '2', id: '2',
title: 'Weather App', title: 'Folder Tree (Unfinished)',
description: 'A responsive weather application that provides real-time weather data and forecasts for locations worldwide.', description: 'This is a tool to help users have a visual representation and detailed of where their storage is being used on their system and what it is being taken up by. You can also get reporting on duplicate files, and automate moving of files based on duplication and type. Advanced file searches, Automatic space saving recommendations, and cloud storage intergation on the roadmap.',
technologies: ['JavaScript', 'React', 'OpenWeather API', 'CSS'], technologies: ['Typescript', 'NextJS', 'Rust', "Tauri"],
images: [ images: [],
{
src: 'https://source.unsplash.com/random/800x600?weather',
alt: 'Weather app interface'
},
{
src: 'https://source.unsplash.com/random/800x600?forecast',
alt: 'Forecast view'
}
],
repositories: [ repositories: [
{ name: 'Repo', url: 'https://github.com/username/weather-app' } { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/file-tree' },
{ name: 'Gitea Release', url: 'https://git.d4m13n.dev/damien/file-tree/releases' }
], ],
demoUrl: 'https://weather-app-demo.example.com'
}, },
{ {
id: '3', id: '3',
title: 'Task Management System', title: 'Art Comissions SAS Application (Unfinished)',
description: 'A comprehensive task management system with features like task assignment, progress tracking, and deadline notifications.', description: 'A extension of the Meilisearch SDK for .NET that enabled the ability to embed the Meilisearch server and Ollama AI Server in your application. It also provides functionality for compressing and decompressing indexs as you need them to help with vector database size.',
technologies: ['TypeScript', 'Angular', 'Firebase', 'Material UI'], technologies: ['.NET', 'Meilisearch', 'Nuget'],
images: [ images: [],
{
src: 'https://source.unsplash.com/random/800x600?tasks',
alt: 'Task management dashboard'
}
],
repositories: [ repositories: [
{ name: 'Repo', url: 'https://github.com/username/task-management' } { name: 'Gitea Source', url: 'https://git.d4m13n.dev/damien/file-tree' },
{ name: 'Gitea Release', url: 'https://git.d4m13n.dev/damien/file-tree/releases' }
], ],
demoUrl: 'https://task-app-demo.example.com'
},
{
id: '4',
title: 'Portfolio Website',
description: 'A personal portfolio website showcasing projects, skills, and professional experience with a modern, responsive design.',
technologies: ['HTML', 'CSS', 'JavaScript', 'GSAP'],
images: [
{
src: 'https://source.unsplash.com/random/800x600?portfolio',
alt: 'Portfolio homepage'
},
{
src: 'https://source.unsplash.com/random/800x600?website',
alt: 'Projects section'
},
{
src: 'https://source.unsplash.com/random/800x600?design',
alt: 'Contact form'
}
],
repositories: [
{ name: 'Repo', url: 'https://github.com/username/portfolio' }
],
demoUrl: 'https://portfolio-demo.example.com'
},
{
id: '5',
title: 'Recipe Finder',
description: 'An application that allows users to search for recipes based on ingredients, dietary restrictions, and cuisine preferences.',
technologies: ['React', 'Redux', 'Spoonacular API', 'Styled Components'],
images: [
{
src: 'https://source.unsplash.com/random/800x600?recipe',
alt: 'Recipe search interface'
},
{
src: 'https://source.unsplash.com/random/800x600?food',
alt: 'Recipe details'
}
],
repositories: [
{ name: 'Repo', url: 'https://github.com/username/recipe-finder' }
],
demoUrl: 'https://recipe-finder-demo.example.com'
},
{
id: '6',
title: 'Fitness Tracker',
description: 'A fitness tracking application that helps users monitor workouts, set goals, and track progress over time.',
technologies: ['React Native', 'Firebase', 'Redux', 'Chart.js'],
images: [
{
src: 'https://source.unsplash.com/random/800x600?fitness',
alt: 'Fitness tracker dashboard'
},
{
src: 'https://source.unsplash.com/random/800x600?workout',
alt: 'Workout tracking screen'
},
{
src: 'https://source.unsplash.com/random/800x600?exercise',
alt: 'Progress charts'
}
],
repositories: [
{ name: 'Repo', url: 'https://github.com/username/fitness-tracker' }
],
demoUrl: 'https://fitness-app-demo.example.com'
},
{
id: '7',
title: 'Chat Application',
description: 'A real-time chat application with features like private messaging, group chats, and file sharing capabilities.',
technologies: ['Socket.io', 'Express', 'MongoDB', 'React'],
images: [
{
src: 'https://source.unsplash.com/random/800x600?chat',
alt: 'Chat interface'
},
{
src: 'https://source.unsplash.com/random/800x600?messaging',
alt: 'Messaging screen'
}
],
repositories: [
{ name: 'Repo', url: 'https://github.com/username/chat-app' }
],
demoUrl: 'https://chat-app-demo.example.com'
}, },
// { // {
// id: '2',
// title: 'Weather App',
// description: 'A responsive weather application that provides real-time weather data and forecasts for locations worldwide.',
// technologies: ['JavaScript', 'React', 'OpenWeather API', 'CSS'],
// images: [
// {
// src: 'https://source.unsplash.com/random/800x600?weather',
// alt: 'Weather app interface'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?forecast',
// alt: 'Forecast view'
// }
// ],
// repositories: [
// { name: 'Repo', url: 'https://github.com/username/weather-app' }
// ],
// demoUrl: 'https://weather-app-demo.example.com'
// },
// {
// id: '3',
// title: 'Task Management System',
// description: 'A comprehensive task management system with features like task assignment, progress tracking, and deadline notifications.',
// technologies: ['TypeScript', 'Angular', 'Firebase', 'Material UI'],
// images: [
// {
// src: 'https://source.unsplash.com/random/800x600?tasks',
// alt: 'Task management dashboard'
// }
// ],
// repositories: [
// { name: 'Repo', url: 'https://github.com/username/task-management' }
// ],
// demoUrl: 'https://task-app-demo.example.com'
// },
// {
// id: '4',
// title: 'Portfolio Website',
// description: 'A personal portfolio website showcasing projects, skills, and professional experience with a modern, responsive design.',
// technologies: ['HTML', 'CSS', 'JavaScript', 'GSAP'],
// images: [
// {
// src: 'https://source.unsplash.com/random/800x600?portfolio',
// alt: 'Portfolio homepage'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?website',
// alt: 'Projects section'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?design',
// alt: 'Contact form'
// }
// ],
// repositories: [
// { name: 'Repo', url: 'https://github.com/username/portfolio' }
// ],
// demoUrl: 'https://portfolio-demo.example.com'
// },
// {
// id: '5',
// title: 'Recipe Finder',
// description: 'An application that allows users to search for recipes based on ingredients, dietary restrictions, and cuisine preferences.',
// technologies: ['React', 'Redux', 'Spoonacular API', 'Styled Components'],
// images: [
// {
// src: 'https://source.unsplash.com/random/800x600?recipe',
// alt: 'Recipe search interface'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?food',
// alt: 'Recipe details'
// }
// ],
// repositories: [
// { name: 'Repo', url: 'https://github.com/username/recipe-finder' }
// ],
// demoUrl: 'https://recipe-finder-demo.example.com'
// },
// {
// id: '6',
// title: 'Fitness Tracker',
// description: 'A fitness tracking application that helps users monitor workouts, set goals, and track progress over time.',
// technologies: ['React Native', 'Firebase', 'Redux', 'Chart.js'],
// images: [
// {
// src: 'https://source.unsplash.com/random/800x600?fitness',
// alt: 'Fitness tracker dashboard'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?workout',
// alt: 'Workout tracking screen'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?exercise',
// alt: 'Progress charts'
// }
// ],
// repositories: [
// { name: 'Repo', url: 'https://github.com/username/fitness-tracker' }
// ],
// demoUrl: 'https://fitness-app-demo.example.com'
// },
// {
// id: '7',
// title: 'Chat Application',
// description: 'A real-time chat application with features like private messaging, group chats, and file sharing capabilities.',
// technologies: ['Socket.io', 'Express', 'MongoDB', 'React'],
// images: [
// {
// src: 'https://source.unsplash.com/random/800x600?chat',
// alt: 'Chat interface'
// },
// {
// src: 'https://source.unsplash.com/random/800x600?messaging',
// alt: 'Messaging screen'
// }
// ],
// repositories: [
// { name: 'Repo', url: 'https://github.com/username/chat-app' }
// ],
// demoUrl: 'https://chat-app-demo.example.com'
// },
// {
// id: '8', // id: '8',
// title: 'Budget Tracker', // title: 'Budget Tracker',
// description: 'A financial management application that helps users track income, expenses, and savings goals with visual reports.', // description: 'A financial management application that helps users track income, expenses, and savings goals with visual reports.',