OpenSpec Calculator

Workflow Type

This branch demonstrates rapid AI-assisted vibe coding workflow focused on fast iterative development and creative UI experimentation.

---

Features

• Modern Glassmorphism UI
• Clickable Calculator Buttons
• Keyboard Support
• Addition
• Subtraction
• Multiplication
• Division
• Responsive Design
• Calculation History
• Clear History Feature
• Sound Effects
• Interactive UI Animations

---

Development Style

This branch focuses on rapid AI-assisted development using iterative prompting, UI experimentation, and fast feature implementation.

---

Tech Stack

• Python
• Flask
• HTML
• CSS
• JavaScript

---

Screenshots

Main Calculator UI

---

Calculator Working

---

History Feature

---

Project Structure

calculator-python-app/
│
├── docs/
│   └── architecture.md
│
├── prompts/
│   └── vibe_prompt.md
│
├── screenshots/
│   ├── calculator-ui_01.png
│   ├── calculator-ui_02.png
│   └── calculator-ui_03.png
│
├── specs/
│   ├── calculator_spec.yaml
│   └── ui_spec.yaml
│
├── static/
│   └── style.css
│
├── templates/
│   └── index.html
│
├── .gitignore
├── Procfile
├── app.py
├── README.md
└── requirements.txt

---

Vibe Coding Workflow

1. Generate ideas using AI prompts
2. Rapidly implement features
3. Experiment with UI design
4. Improve interactivity iteratively
5. Refine calculator experience
6. Enhance responsiveness and styling

---

Installation

pip install -r requirements.txt
python app.py

---

AI Prompt Workflow

The project uses AI-assisted prompt engineering for:

• UI generation
• Feature enhancement
• Rapid prototyping
• Interactive frontend improvements

---