https://github.com/tanishqmanuja/todos-react-elysia
📑 A fullstack todos app built with react and elysia using bunJS.
https://github.com/tanishqmanuja/todos-react-elysia
bun drizzle-orm elysia react sqlite tailwind zustand
Last synced: 10 months ago
JSON representation
📑 A fullstack todos app built with react and elysia using bunJS.
- Host: GitHub
- URL: https://github.com/tanishqmanuja/todos-react-elysia
- Owner: tanishqmanuja
- License: mit
- Created: 2023-09-23T12:28:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-31T14:52:17.000Z (almost 2 years ago)
- Last Synced: 2024-12-09T05:42:54.026Z (over 1 year ago)
- Topics: bun, drizzle-orm, elysia, react, sqlite, tailwind, zustand
- Language: TypeScript
- Homepage:
- Size: 1.36 MB
- Stars: 49
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - tanishqmanuja/todos-react-elysia - 📑 A fullstack todos app built with React and Elysia using Bun. (TypeScript)
README
# Todos App (React + ElysiaJS)
A simple starter fullstack todos app built with React and ElysiaJS using bunJS. This project is purposefully kept minimal so that it can be used as a starting point for beginners-intermediate level developers.
## 💻 Client
Uses the following tech stack.
- Web Framework: [React](https://react.dev)
- State Management: [Zustand](https://github.com/pmndrs/zustand)
- Styling: [TailwindCSS](https://tailwindcss.com)
- Icons: [Lucide Icons](https://lucide.dev)
- Toasts: [Sonner](https://sonner.emilkowal.ski/)
- Tooling: [Vite](https://vitejs.dev), [Bun](https://bun.sh)
## 🌐 Server
Uses the following tech stack.
- Runtime: [Bun](https://bun.sh)
- Server Framework: [Elysia](https://elysiajs.com)
- DB: [SQlite](https://sqlite.org) (libsql client)
- ORM: [Drizzle](https://orm.drizzle.team)
- Validation: [Typebox](https://github.com/sinclairzx81/typebox)
## 🪄 Other Goodies
- Formatting: [BiomeJS](https://biomejs.dev)
- Linting: [BiomeJS](https://biomejs.dev)
- Build System: [Turbo](https://turbo.build)
- Monorepo Management: [Bun Workspaces](https://bun.sh/docs/install/workspaces)
## 🚀 Usage
### 📦 Installing Dependencies
Run this command from the root directory.
```sh
bun install
```
### 🟣 Starting Backend
To start elysia server, run this command from the **./server** directory.
```sh
bun run dev
```
If this is your first time running the server, you'll need to generate the db file with this command.
```sh
bun run db:push
```
### 🔵 Starting Frontend
To start vite dev server, run this command from the **./client** directory.
```sh
bun run dev
```
Yes, run both at the same time, its that simple !!!
https://github.com/tanishqmanuja/todos-react-elysia/assets/40914272/42b085bc-93c1-47f0-a361-c2d940121619
## 🍀 Show your Support
Give a ⭐️ if this project helped you!