🗂️ Bnlang CRUD Example

A simple CRUD (Create, Read, Update, Delete) web application built with Bnlang using:

• 🧭 route-on — lightweight web framework for routing and rendering
• 💾 bnlang-sqlite — SQLite database connector
• 🎨 Tailwind CSS — for modern UI styling (via CDN)
• 🧩 BHTML view engine — HTML templating

---

📁 Project Structure

bnlang-crud/
├─ index.bnl
├─ db.bnl
├─ data.sqlite
├─ bnl_package.json
├─ /views
│  ├─ layout.bhtml
│  ├─ items-index.bhtml
│  ├─ items-new.bhtml
│  ├─ items-edit.bhtml
│  ├─ items-show.bhtml

---

⚙️ Features

✅ SQLite database using raw queries
✅ Dynamic views rendered via BHTML
✅ Full CRUD: Create, Read, Update, Delete
✅ Tailwind UI (no build step, via CDN)
✅ Clean and dependency-light Bnlang app

---

🚀 Installation & Setup

# 1. Install dependencies
bpm install

# 2. Run the app
bnl index.bnl
# or
bpm run start

Then open your browser at http://localhost:3000.

---

🧠 How It Works

• index.bnl: Main server file — defines routes, CRUD logic, and rendering.
• db.bnl: Initializes SQLite database and schema.
• /views: Contains .bhtml templates for pages (layout, list, form, details).
• /public: Static folder for CSS, JS, or images if needed.

---

🧰 Example Routes

Method	Path	Description
GET	/items	Show all items
GET	/items/new	Create form
POST	/items	Add new item
GET	/items/:id	View item
GET	/items/:id/edit	Edit form
POST	/items/:id	Update item
POST	/items/:id/delete	Delete item

---

🎨 UI Example

Tailwind CDN is used directly inside layout.bhtml:

<script src="https://cdn.tailwindcss.com"></script>

This allows you to use Tailwind classes instantly without any build tools.

---

🧑‍💻 Author

Developed with ❤️ using Bnlang
https://bnlang.dev

---