https://github.com/automationpanda/buggyboard-web-app
BuggyBoard is a small web app for educational purposes. It is a full-stack Node app written in TypeScript with a React frontend, an Express backend, and a SQLite database.
https://github.com/automationpanda/buggyboard-web-app
demo-app express node playwright react sqlite typescript
Last synced: about 7 hours ago
JSON representation
BuggyBoard is a small web app for educational purposes. It is a full-stack Node app written in TypeScript with a React frontend, an Express backend, and a SQLite database.
- Host: GitHub
- URL: https://github.com/automationpanda/buggyboard-web-app
- Owner: AutomationPanda
- License: mit
- Created: 2026-05-28T02:20:06.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2026-05-28T03:59:06.000Z (about 1 month ago)
- Last Synced: 2026-05-28T04:17:26.998Z (about 1 month ago)
- Topics: demo-app, express, node, playwright, react, sqlite, typescript
- Language: TypeScript
- Homepage:
- Size: 2.93 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BuggyBoard: A Simple Bug Tracker
_BuggyBoard_ is a small web app for tracking bugs. It is developed and maintained for educational purposes by [Pandy Knight](https://www.linkedin.com/in/andrew-leland-knight/), the [Automation Panda](https://automationpanda.com/).
> [!IMPORTANT]
> BuggyBoard is meant for **educational purposes only**.
> It is _not_ a production-ready app.
> It is meant for learning and tinkering.
## Quickstart
Fork the repository in GitHub.
Then, clone it to your local machine or run it with [GitHub Codespaces](https://docs.github.com/en/codespaces/quickstart).
Make sure you have [Node.js](https://nodejs.org/) installed.
Run the following commands to run the app:
```sh
npm install
npm run dev
```
## Features
- a sortable board to show all bugs
- modals to create, edit, and delete bugs
- a login page requiring proper user credentials
## Tech stack
- a fullstack [Node.js](https://nodejs.org/) app
- written in [TypeScript](https://www.typescriptlang.org/)
- with a [React](https://react.dev/) frontend
- using [Tailwind](https://tailwindcss.com/) for styling
- and an [Express](https://expressjs.com/) backend
- using a [SQLite](https://sqlite.org/) database
## Specs
BuggyBoard is built with *spec-driven development* and *context engineering* using AI coding agents.
All product and engineering context lives in the [`specs/`](specs/) directory.
The [constitution](specs/constitution.md) is the top-level guide.
Every change to the app should align with it and the specs it references.
New features must be specified under [`specs/features/`](specs/features/).
Instructions for [Claude](CLAUDE.md), [Cursor](.cursor/rules/read-specs.mdc), and [GitHub Copilot](.github/copilot-instructions.md) tell each coding agent to follow those specs.