Todos React Elysia
📑 A fullstack todos app built with React and Elysia using Bun.
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
- State Management: Zustand
- Styling: TailwindCSS
- Icons: Lucide Icons
- Toasts: Sonner
- Tooling: Vite, Bun
🌐 Server
Uses the following tech stack.
- Runtime: Bun
- Server Framework: Elysia
- DB: SQlite (libsql client)
- ORM: Drizzle
- Validation: Typebox
🚀 Usage
📦 Installing Dependencies
Run this command from the root directory.
bun install
🟣 Starting Backend
To start elysia server, run this command from the ./server directory.
bun run dev
If this is your first time running the server, you'll need to generate the db file with this command.
bun run db:push
🔵 Starting Frontend
To start vite dev server, run this command from the ./client directory.
bun run dev
Yes, run both at the same time, its that simple !!!
👨💻 Show your Support
Give a ⭐️ if this project helped you!
