An open API service indexing awesome lists of open source software.

https://github.com/spacetesla/zennote

Zennote turns messy AI markdown into beautiful shareable notes.
https://github.com/spacetesla/zennote

Last synced: 11 months ago
JSON representation

Zennote turns messy AI markdown into beautiful shareable notes.

Awesome Lists containing this project

README

          

# 🧘 Zennote - Paste. Beautify. Share.

*Zennote turns messy AI markdown into beautiful, shareable notes β€” instantly.*

---

## 🌟 What is Zennote?

Zennote is a markdown beautifier built for the modern age of AI and instant sharing.
It takes unstructured markdown (often copied from AI tools), beautifies it with a clean design, and gives you a shareable URL β€” all in seconds.

Perfect for:
- Sharing AI responses or dev notes
- Creating clean, shareable docs from markdown
- Personal knowledge management

---

## πŸ› οΈ Tech Stack

| Layer | Tech |
|------------|---------------------------------|
| Frontend | [Next.js 15](https://nextjs.org/) + Tailwind CSS |
| Backend | [Cloudflare Workers](https://workers.cloudflare.com/) (TypeScript) |
| Storage | [Cloudflare R2](https://developers.cloudflare.com/r2/) for markdown blobs |
| DB | [Cloudflare D1 / R1](https://developers.cloudflare.com/d1/) for metadata |
| Deployment | Cloudflare Pages & Workers via Wrangler |

---

## 🧭 Project Structure

```
zennote/
β”œβ”€β”€ apps/
β”‚ β”œβ”€β”€ backend/ # Cloudflare Worker logic
β”‚ β”‚ β”œβ”€β”€ src/ # Worker source code (index.ts)
β”‚ β”‚ └── migrations/ # DB migrations (D1/R1)
β”‚ └── frontend/ # Next.js app
β”‚ └── src/ # App Router setup, components, libs, config
β”œβ”€β”€ .gitignore
β”œβ”€β”€ LICENSE
└── README.md
```

---

## πŸš€ Deployment & Hosting

Zennote uses **Cloudflare’s full stack** for hosting:

- **Frontend** is deployed using [Cloudflare Pages](https://pages.cloudflare.com/)
- **Backend API** is a Cloudflare Worker deployed via `wrangler`
- **R2** stores the actual markdown files (blobs)
- **D1 (R1)** stores metadata like slugs, titles, and timestamps

You can find `wrangler.toml` in `apps/backend/`.

---

## πŸ§ͺ Local Development

```bash
# Clone the repo
git clone https://github.com/your-username/zennote.git
cd zennote

# Frontend setup
cd apps/frontend
npm install
npm run dev

# Backend setup (requires wrangler)
cd ../backend
npm install
wrangler dev
```

> Make sure to set up `.env` for frontend & bind R2/D1 vars in `wrangler.toml`.

---

## πŸ§‘β€πŸ’» Contributing

Contributions are welcome! Here’s how to get started:

1. 🍴 Fork this repo
2. πŸ‘― Clone your fork
3. πŸ’‘ Create a feature branch: `git checkout -b my-feature`
4. πŸ§ͺ Make changes & test them
5. πŸ“¬ Open a PR with a clear title and description

### Guidelines

- Follow existing project structure
- Format code using Prettier (`.prettierrc`)
- Keep commits clean and meaningful
- Don’t commit secrets or `.env` files

---

## πŸ’¬ Feedback & Ideas

Open an issue or start a discussion! Whether it's a bug, feature idea, or random thought β€” we'd love to hear it.

---

## πŸ“„ License

MIT License.
Feel free to use, remix, or extend Zennote. Just don’t be evil πŸ™ƒ

---

Made with β˜• + πŸ’­ by [Shivansh Karan](https://shivanshkaran.tech)