todos-react-elysia

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

MIT License

Stars
39
Committers
1

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

https://github.com/tanishqmanuja/todos-react-elysia/assets/40914272/42b085bc-93c1-47f0-a361-c2d940121619

👨‍💻 Show your Support

Give a ⭐️ if this project helped you!