https://github.com/y-a-v-a/vibe-coding-lab
🤖 Vibe coded projects from spring 2025 onwards
https://github.com/y-a-v-a/vibe-coding-lab
art internet-art internetart vibe-coding
Last synced: 5 months ago
JSON representation
🤖 Vibe coded projects from spring 2025 onwards
- Host: GitHub
- URL: https://github.com/y-a-v-a/vibe-coding-lab
- Owner: y-a-v-a
- Created: 2025-06-15T19:11:11.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-12-21T08:03:51.000Z (6 months ago)
- Last Synced: 2025-12-23T01:38:03.728Z (6 months ago)
- Topics: art, internet-art, internetart, vibe-coding
- Language: JavaScript
- Homepage:
- Size: 223 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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