Software Developer & Cloud Architect
Welcome to my personal portfolio! I'm a passionate software developer with expertise in cloud technologies, full-stack development, and modern web applications. This portfolio showcases my projects, skills, and professional journey.
- AWS Cloud Architect Certified
- CCNA Network Associate
- Skills Portugal Award Winner
- Multiple Merit Awards in Technology
- ✨ Modern Design: Clean, responsive, and mobile-first approach
- 🎨 Interactive UI: Smooth animations and transitions
- 📱 Mobile Optimized: Perfect experience on all devices
- ⚡ Fast Performance: Built with Vite for optimal loading times
- 🎯 Project Showcase: Detailed project presentations with live demos
- 📧 Contact Integration: Easy-to-use contact form
- 🌙 Dark/Light Mode: Toggle between themes
This portfolio is designed to be used as a base template for your own portfolio! Feel free to fork this repository and customize it to showcase your own projects, skills, and achievements.
- Fork this repository or clone it to your own GitHub account
- Customize the content in
src/data/projects.tswith your own projects - Update personal information in components like
ProfileSection.tsxandAbout.tsx - Replace images with your own photos and project screenshots
- Modify styling in
tailwind.config.tsto match your preferences - Deploy to Vercel, Netlify, or your preferred hosting platform
- ✅ Fully responsive design (mobile-first)
- ✅ Dark/Light mode support
- ✅ Project showcase with filtering and search
- ✅ About page with skills, certifications, and timeline
- ✅ Contact page with form integration
- ✅ SEO optimized
- ✅ Accessible (WCAG AA compliant)
- ✅ Fast and performant (built with Vite)
- Update personal information and bio
- Add your own projects to
src/data/projects.ts - Replace images (logo, profile photo, project screenshots)
- Update social media links in Footer and Contact components
- Modify color scheme in
tailwind.config.ts(optional) - Update metadata in
index.htmlfor SEO - Change domain/CDN URLs if using custom image hosting
Note: Remember to update the license and attribution if you plan to use this commercially or make significant modifications.
- Node.js 18+
- npm or yarn package manager
# Clone the repository
git clone https://github.com/yourusername/project-portfolio.git
# Navigate to project directory
cd project-portfolio
# Install dependencies
npm install
# Start development server
npm run dev# Build the project
npm run build
# Preview production build
npm run previewsrc/
├── components/ # Reusable UI components
│ ├── ui/ # shadcn/ui components
│ ├── Header.tsx # Navigation header
│ ├── Footer.tsx # Site footer
│ └── ...
├── pages/ # Route components
│ ├── Index.tsx # Home page
│ ├── About.tsx # About page
│ ├── Projects.tsx # Projects listing
│ └── ...
├── data/ # Static data
│ └── projects.ts # Project information
├── hooks/ # Custom React hooks
├── lib/ # Utility functions
└── App.tsx # Main app component
Edit src/data/projects.ts to add or modify projects:
export const projects = [
{
id: 'project-name',
title: 'Project Title',
description: 'Project description',
image: '/project-image.png',
technologies: ['React', 'TypeScript', 'Node.js'],
githubUrl: 'https://github.com/username/repo',
liveUrl: 'https://project-demo.com'
}
]The project uses Tailwind CSS for styling. Customize the theme in tailwind.config.ts:
module.exports = {
theme: {
extend: {
colors: {
primary: {
// Your custom colors
}
}
}
}
}This project is licensed under the MIT License - see the LICENSE file for details.
Diogo Pacheco
⭐ If you found this project helpful, please give it a star!
Made with ❤️ by Diogo Pacheco