Constraints & Scope

Effective engineering thrives within well-defined boundaries. Every design decision in this project was guided by a clear set of self-imposed constraints that sharpened focus, encouraged creativity, and ensured an efficient, secure, and maintainable outcome.

Guiding Constraints

No JavaScript Frameworks

React, Vue, and other frameworks were intentionally excluded. This constraint forced a focus on core web fundamentals (semantic HTML, CSS, and vanilla JS) and resulted in a near-zero JavaScript bundle size, faster performance, and a demonstration of building a component-based system from first principles.

Fully Static & Serverless

No server-side logic, databases, or dynamic rendering was permitted. The site is composed entirely of static assets (HTML, CSS, JS, images) served from a global CDN. This minimizes attack surface, eliminates server maintenance, and provides exceptional performance and reliability.

Cost-Effective Operations

The solution was architected for extreme cost-efficiency. By leveraging serverless services with usage-based pricing, the total monthly hosting cost is negligible—typically less than a dollar—demonstrating strong financial discipline in cloud architecture.

Project Boundaries

In Scope

  • End-to-End Automation: A complete CI/CD pipeline using GitHub Actions for automated deployment to AWS.
  • Custom Frontend: Design and implementation of all UI components using semantic HTML, TailwindCSS, and vanilla JavaScript.
  • Theming & Accessibility: A persistent light/dark mode theme and adherence to WCAG accessibility standards.

Out of Scope

  • Headless CMS: Excluded to maintain simplicity and avoid reliance on third-party services, adhering to the framework-free principle.
  • User Authentication: No user accounts or state management were necessary, as the site's purpose is purely informational.
  • Backend APIs or SSR: Server-Side Rendering and custom APIs were out of scope to align with the "Fully Static & Serverless" constraint.