todo-electron-react-app

A todo desktop application built using Electron, React(Vite), Better-Sqlite3 and Ant Design.

Recommended IDE Setup

• VSCode + ESLint + Prettier

Project Setup

Install

$ pnpm install

Development

$ pnpm dev

Build

# For windows
$ pnpm build:win

# For macOS
$ pnpm build:mac

# For Linux
$ pnpm build:linux

Project File Structure

• models
  • dbManager.ts - contains all db initializer configs
  • taskManager.ts - contains all SQL CRUD queries and statements for interacting with the tasks table
• interfaces - contains declared types/interfaces
• src
  • preload - has the written window api configurations serving as a middleware connecting database executions and exposing these functions to the client side in the renderer function
  • renderer - contains all the client side pages, routes (and respective configs), and components