tanishqmanuja / todos-react-elysia

A fullstack todos app built with react and elysia using bunJS.

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 !!!

todos-react-elysia.mp4

👨‍💻 Show your Support

Give a ⭐️ if this project helped you!