Vibe Demos

A collection of demo applications built with Kilo Code to showcase different web development techniques and frameworks.

Projects

This monorepo contains the following demo applications:

🎬 KiloFlix

Location: ./kiloflix

A Netflix-style streaming platform clone built with vanilla HTML, CSS, and JavaScript. Features a responsive design with a modern streaming interface.

Tech Stack:

• HTML5
• CSS3 (with CSS Grid and Flexbox)
• Vanilla JavaScript

🐍 Snake Game

Location: ./snake-1

A classic Snake game implementation built with TypeScript and Vite, featuring modern development tooling and build processes.

Tech Stack:

• TypeScript
• Vite
• HTML5 Canvas

🎮 Play Live Demo

Getting Started

Prerequisites

• Node.js 18+
• pnpm 8+

Installation

1. Clone the repository:

git clone <repository-url>
cd vibe-demos

2. Install dependencies:

pnpm install

Development

Run all projects in development mode:

pnpm dev

Or run individual projects:

KiloFlix:

cd kiloflix
pnpm dev
# Opens on http://localhost:8000

Snake Game:

cd snake-1
pnpm dev
# Opens on http://localhost:5173

Building

Build all projects:

pnpm build

Deployment

Snake Game to Cloudflare Pages:

cd snake-1
pnpm build
pnpm deploy

Project Structure

vibe-demos/
├── kiloflix/           # Netflix-style streaming platform
│   ├── index.html
│   ├── styles.css
│   ├── script.js
│   └── package.json
├── snake-1/            # TypeScript Snake game
│   ├── src/
│   ├── index.html
│   ├── vite.config.ts
│   ├── tsconfig.json
│   └── package.json
├── package.json        # Root package.json with workspace config
├── pnpm-workspace.yaml # pnpm workspace configuration
├── turbo.json          # Turborepo pipeline configuration
└── README.md

Built with Kilo Code

These demos were created using Kilo Code, an AI-powered coding assistant that helps developers build applications quickly and efficiently.

License

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