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

---

Flow charts

1. State changes

---

codes

1. to start

  # frontend and backend
  npm i --save-exact
  npm run postinstall
  npm run start

  # db
  npx prisma generate
  npx prisma db push
  npm run dev:server

2. misc

2a. prisma schema update

  npx prisma migrate dev --create-only
  npx prisma migrate dev

refer todo for reference docs

credits

electron - react template

electron-react-boilerplate repo

---