Overview
The Personal Portfolio V1 is a static website designed to showcase personal projects, coursework, and software engineering skills. It aims to demonstrate foundational web development capabilities while establishing an online presence. The architecture prioritizes simplicity, performance, and maintainability, aligning with the project's goals and freeCodeCamp certification requirements.
Architectural Principles
- Simplicity: Use straightforward technologies and structures to facilitate quick development and easy maintenance.
- Performance: Optimize for fast loading times typical of static sites.
- Maintainability: Employ clear code organization and basic modularity.
- Cost-Effectiveness: Leverage free and accessible tools and hosting.
- Responsiveness: Ensure the site adapts to various devices and screen sizes.
- Accessibility: Meet basic accessibility standards for a professional presentation.
System Context
The system operates as a static website with the following components:
- Source Code: HTML templates, CSS stylesheets, JavaScript files, and JSON content files.
- Build Process: Webpack for bundling assets and Handlebars for templating HTML.
- Deployment: Static assets hosted on GitHub Pages.
- User Interaction: Browsers access the site directly, with no server-side processing.
Technology Stack
- Frontend: Vanilla HTML5, CSS3, JavaScript (ES6+)
- Build Tools: Webpack (bundling), Handlebars (templating)
- Content Management: JSON files for data
- Styling: CSS with media queries for responsiveness
- Hosting: GitHub Pages
- Version Control: Git