From 2de45826be2e68141c0bcc9dfbcd08001c64d4f9 Mon Sep 17 00:00:00 2001 From: Damien Date: Tue, 25 Feb 2025 10:49:06 -0500 Subject: [PATCH] fix: split configs for software and games --- src/app/page.tsx | 7 +- src/data/{projects.ts => game_projects.ts} | 0 src/data/software_projects.ts | 181 +++++++++++++++++++++ 3 files changed, 185 insertions(+), 3 deletions(-) rename src/data/{projects.ts => game_projects.ts} (100%) create mode 100644 src/data/software_projects.ts diff --git a/src/app/page.tsx b/src/app/page.tsx index 93cc271..6b74b18 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,8 @@ import TypingAnimation from '@/components/TypingAnimation'; import ProjectMasonry from '@/components/ProjectMasonry'; import SocialIcons from '@/components/SocialIcons'; import Timeline from '@/components/Timeline/Timeline'; -import projects from '@/data/projects'; +import software_projects from '@/data/software_projects'; +import game_projects from '@/data/game_projects'; import timelineData from '@/data/timeline'; export default function HomePage() { @@ -132,13 +133,13 @@ export default function HomePage() { {activeTab === 0 && ( - + )} {activeTab === 1 && ( - + )} diff --git a/src/data/projects.ts b/src/data/game_projects.ts similarity index 100% rename from src/data/projects.ts rename to src/data/game_projects.ts diff --git a/src/data/software_projects.ts b/src/data/software_projects.ts new file mode 100644 index 0000000..18f3755 --- /dev/null +++ b/src/data/software_projects.ts @@ -0,0 +1,181 @@ +import { Project } from '@/components/ProjectCard'; + +// Sample project data +const projects: Project[] = [ + { + id: '1', + title: 'E-Commerce Platform', + description: 'A full-featured e-commerce platform with product management, shopping cart, and payment processing capabilities.', + technologies: ['React', 'Node.js', 'MongoDB', 'Stripe'], + 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: [ + { name: 'Frontend', url: 'https://github.com/username/ecommerce-frontend' }, + { name: 'Backend', url: 'https://github.com/username/ecommerce-api' } + ], + demoUrl: 'https://ecommerce-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', + // title: 'Budget Tracker', + // description: 'A financial management application that helps users track income, expenses, and savings goals with visual reports.', + // technologies: ['Vue.js', 'Node.js', 'PostgreSQL', 'D3.js'], + // images: [ + // { + // src: 'https://source.unsplash.com/random/800x600?budget', + // alt: 'Budget dashboard' + // }, + // { + // src: 'https://source.unsplash.com/random/800x600?finance', + // alt: 'Expense tracking' + // }, + // { + // src: 'https://source.unsplash.com/random/800x600?money', + // alt: 'Financial reports' + // } + // ], + // repositories: [ + // { name: 'Frontend', url: 'https://github.com/username/budget-tracker-ui' }, + // { name: 'API', url: 'https://github.com/username/budget-tracker-api' } + // ], + // demoUrl: 'https://budget-app-demo.example.com' + // } +]; + +export default projects; \ No newline at end of file