Creative Web Projects Portfolio

A collection of interactive web applications and creative tools that explore the intersection of technology, creativity, and structured formats. Each project demonstrates different aspects of web development while creating engaging user experiences.

Projects Overview

Getting Started

1. Clone or download this repository
2. Open index.html in your web browser to view the portfolio
3. Click on any project link to explore individual applications
4. All projects are built with vanilla HTML, CSS, and JavaScript - no build process required

Project Structure

/
├── index.html                 # Portfolio homepage
├── nato-spelling.html         # NATO alphabet converter
├── nato-haiku.html           # NATO haiku generator
├── haiku-colors.html         # Color scheme generator
├── syntax-haiku.html         # Programming haiku generator
├── peter-lowe-lines.html     # Geometric art inspired by Peter Lowe
├── progressive-squares.html  # Square distortion visualization
└── README.md                 # This file

Design Philosophy

These projects explore creative applications of structured formats, particularly the haiku's 5-7-5 syllable pattern, applied to various domains:

• NATO Communications - Military phonetic alphabet as poetic source material
• Color Theory - Mathematical color relationships expressed as visual haikus
• Programming - Code terminology transformed into artistic expression
• Geometric Art - Mathematical progressions and transformations
• Interactive Design - User engagement through real-time manipulation

Technical Highlights

• Responsive Design - All projects work seamlessly across devices
• Vanilla JavaScript - No frameworks or dependencies required
• CSS Animations - Smooth transitions and engaging visual effects
• Interactive Elements - Real-time user input and dynamic content generation
• Accessibility - Keyboard navigation and screen reader friendly
• Performance - Lightweight and fast-loading applications

Browser Compatibility

All projects are compatible with modern web browsers including:

• Chrome 80+
• Firefox 75+
• Safari 13+
• Edge 80+

Contributing

Feel free to fork this repository and create your own variations or improvements. Each project is self-contained and can be modified independently.

License

These projects are open source and available for educational and creative use.

---

2025 Vincent Bruijn