https://github.com/strahinja2112/electron-vite

Electron Forge with shadcn-ui (Vite + Typescript). This is a template for a desktop application built with Electron, Vite, ShadCN, and Tailwind CSS.
https://github.com/strahinja2112/electron-vite

desktop-development electronjs reactjs vitejs

Last synced: 27 days ago
JSON representation

Electron Forge with shadcn-ui (Vite + Typescript). This is a template for a desktop application built with Electron, Vite, ShadCN, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/strahinja2112/electron-vite
• Owner: Strahinja2112
• License: mit
• Created: 2024-12-23T15:54:03.000Z (29 days ago)
• Default Branch: master
• Last Pushed: 2024-12-23T20:38:43.000Z (29 days ago)
• Last Synced: 2024-12-23T21:29:15.321Z (29 days ago)
• Topics: desktop-development, electronjs, reactjs, vitejs
• Language: TypeScript
• Homepage:
• Size: 1.14 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Electron-Vite-ShadCN

A complete template to build beautiful desktop applications with Electron.

## Libraries and Tools

- **Core**: [Electron](https://www.electronjs.org), [Vite](https://vitejs.dev), [SWC](https://swc.rs)

- **DX**: [TypeScript](https://www.typescriptlang.org), [Prettier](https://prettier.io), [Zod](https://zod.dev), [React Query](https://react-query.tanstack.com)

- **UI**: [React](https://reactjs.org), [Tailwind CSS](https://tailwindcss.com), [Shadcn UI](https://ui.shadcn.com), [i18next](https://www.i18next.com)

- **Testing**: [Jest](https://jestjs.io), [Playwright](https://playwright.dev), [React Testing Library](https://testing-library.com)

- **Packaging**: [Electron Forge](https://www.electronforge.io)

## Project Preferences

- `Context isolation enabled`

- `Custom title bar`

- `Outfit font as default`

## Directory Structure

```plaintext

src/

  assets/

    fonts/

  components/

    ui/

  helpers/

    ipc/

  layout/

  lib/

  pages/

  stories/

  style/

  tests/

```

## NPM Scripts

- `dev`: Run the app in dev mode

- `package`: Create platform-specific executable

- `make`: Build platform-specific distributables

- `test`: Run Jest and Playwright tests