Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/anav5704/beth-todo

Simple todo app made with the BETH stack
https://github.com/anav5704/beth-todo

bunjs elysiajs htmx

Last synced: 19 days ago
JSON representation

Simple todo app made with the BETH stack

Awesome Lists containing this project

README

        

# BETH Stack To-Do App ✅

![hero page](https://github.com/anav5704/BETH-todo/blob/main/docs/beth-todo.png)

This is a simple, and my first todo app made with the BETH stack. Was nice being able to try out Bun and HTMX, I enjoyed working with them. Yes, Bun add is way faster than npm install.

## Technologies Used

- HTMX
- TailwindCSS
- HyperScript
- Bun JS
- Elysia JS
- Turso
- Drizzle ORM

## Getting Started

First, make sure you have ```bun``` installed. It is currently only on macOS and Linux, and if you're on Windows, you'll have to set up [WSL](https://learn.microsoft.com/en-us/windows/wsl/install). Once that is set up, fork and clone this repo. Then run ```bun install``` to install the dependencies. Now make a ```.env``` file in the root of your project and add the following variables:

```
DATABASE_URL
DATABASE_AUTH_TOKEN
````

Finally, run ```bun start``` to view the project on localhost.

## Learning Resources

- [BETH stack - Todo app tutorial](https://www.youtube.com/watch?v=cpzowDDJj24)
- [Elysia JS docs](https://elysiajs.com/)
- [Bun JS docs](https://bun.sh/)