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: 2 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 (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-31T14:52:17.000Z (3 months ago)
• Last Synced: 2024-10-01T00:42:52.774Z (2 months ago)
• Topics: bun, drizzle-orm, elysia, react, sqlite, tailwind, zustand
• Language: TypeScript
• Homepage:
• Size: 1.36 MB
• Stars: 39
• Watchers: 2
• Forks: 3
• 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 bunJS. (TypeScript)

README

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

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