A modern, responsive portfolio website for a Computer Science graduate with expertise in cybersecurity, CCTV systems, and software engineering.

• Responsive Design: Optimized for both mobile and desktop viewing
• Dark/Light Mode: Toggle between dark and light themes with user preference saved
• Modern UI: Clean, professional design with minimal animations
• Tech-Inspired Color Palette: Blues, greys, and black for a tech-focused aesthetic
• SEO Optimized: Meta tags and semantic HTML for better search engine visibility
• Downloadable CV: Resume section with downloadable PDF
• Contact Form: Interactive contact form with form validation
• Blog Section: Showcase for technical articles and insights
• Social Media Integration: Links to GitHub, LinkedIn, Twitter, etc.
• Accessibility: Focus states, semantic HTML, and keyboard navigation

1. About Me: Personal introduction and background
2. Skills & Certifications: Technical skills and professional certifications
3. Projects: Showcase of professional work and personal projects
4. Resume: Education, experience, and downloadable CV
5. Blog: Technical articles and insights
6. Contact: Contact form and professional contact information

• HTML5: Semantic markup for structure
• CSS3: Custom styling with responsive design
• JavaScript: Interactive elements and form handling
• TailwindCSS: Utility-first CSS framework for styling
• Font Awesome: Icon library
• Val Town: Hosting and serverless functions

/
├── index.ts                # Main entry point (HTTP trigger)
├── frontend/
│   ├── index.html          # Main HTML file
│   ├── styles.css          # Custom CSS styles
│   └── main.js             # JavaScript functionality
├── assets/
│   ├── favicon.svg         # Site favicon
│   ├── profile.jpg         # Profile image
│   ├── project1-6.jpg      # Project images
│   ├── blog1-3.jpg         # Blog post images
│   └── john_doe_resume.pdf # Downloadable resume
└── README.md               # Project documentation

This portfolio is designed to be deployed on Val Town. The main entry point is index.ts which serves the static files from the frontend and assets directories.

1. Clone the repository
2. Make changes to the HTML, CSS, or JavaScript files
3. Test locally before deploying

• Replace placeholder images in the assets directory with your own
• Update personal information in frontend/index.html
• Modify the color scheme in the CSS classes
• Add your own projects and blog posts

• Add a blog post detail page
• Implement a project detail page with case studies
• Add a skills progress visualization
• Integrate a newsletter subscription
• Add more interactive elements and animations

This project is open source and available under the MIT License.

• Font Awesome for icons
• TailwindCSS for styling utilities
• Val Town for hosting