https://github.com/shahul01/mytimerv2

Multiple timers, always displaying. Built with Electron, React, tRPC & SQLite.
https://github.com/shahul01/mytimerv2

countdown countdown-timer electron express nodejs react sqlite timer trpc typescript

Last synced: about 2 months ago
JSON representation

Multiple timers, always displaying. Built with Electron, React, tRPC & SQLite.

• Host: GitHub
• URL: https://github.com/shahul01/mytimerv2
• Owner: shahul01
• Created: 2023-06-19T05:47:44.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-07-28T20:04:47.000Z (almost 2 years ago)
• Last Synced: 2025-10-30T00:40:08.541Z (7 months ago)
• Topics: countdown, countdown-timer, electron, express, nodejs, react, sqlite, timer, trpc, typescript
• Language: TypeScript
• Homepage:
• Size: 2.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Timer app

## Built with Electron, React & tRPC.

### TechStacks

- Electron

- React

  - Hooks - useState, useEffect, useImperative, useCallback

- React Query

- TypeScript

- Zod

- CSS in modules

- tRPC

- SQLite

- Prisma


 
 


### Screenshots

#### home

![home.png](./assets/images/screenshots/home.png)


 
 


### Flow charts

#### 1. State changes

![myTimer-updates](./assets/images/flowCharts/myTimer-updates.drawio.png)


 
 


### Codes

#### 1. to start - dev mode

```

  # frontend and backend

    npm i --save-exact

    npm run postinstall

    npm run start

  # db

    # to use prisma client

    npx prisma generate

    # creates db.sqlite file w/ tables

    npx prisma db push

    npm run dev:server

```

#### 2. to create application package

```

  npm run package

```

#### 3. to start - prod mode

```

  # frontend and backend

    directly use electron app

  # db

    npm run build:server

    npm run start:server

```

#### 4. misc

#### 4a. prisma schema update

```

  npx prisma migrate dev --create-only

  npx prisma migrate dev

```

#### 4b. prisma studio

```bash

  npx prisma studio

```




#### 👉 refer .TODO file for reference docs




### credits

#### electron - react template

[electron-react-boilerplate repo](https://github.com/electron-react-boilerplate/electron-react-boilerplate)