todos-react-elysia

KO | EN

gitlite — search

#python #python3 #docker #typescript #hacktoberfest #mysql #discord #rust #javascript #react #django #c

todos-react-elysia

★ 93 Open GitHub ↗

📑 A fullstack todos app built with React and Elysia using Bun.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![Logo](https://raw.github.com/tanishqmanuja/static/main/banners/todos-react-elysia.webp?maxAge=2592000)

# Todos App (React + ElysiaJS)

A simple starter fullstack todos app built using [**react**](https://react.dev) and [**elysia**](https://elysiajs.com) with [**bun**](https://bun.sh) as the runtime. 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!

todos-react-elysia

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README