Vitron

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #android #deep-learning #linux #macos #nodejs #java #awesome #kubernetes #awesome-list #ios

(★ 13)

⚡Vite + :electron: Electron

Vitron 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vitron | SuperCharged Starter

[![docs](https://img.shields.io/badge/React-Vite-blue.svg?logo=Vite&logoColor=white&label=)](https://www.electronjs.org/)
[![docs](https://img.shields.io/badge/React-Electron-blue.svg?logo=Electron&logoColor=white&label=)](https://www.electronjs.org/) [![docs](https://img.shields.io/badge/React-React-blue.svg?logo=React&logoColor=white&label=)](https://reactjs.org/) [![docs](https://img.shields.io/badge/React-TypeScript-blue.svg?logo=TypeScript&logoColor=white&label=)](https://www.typescriptlang.org/) [![docs](https://img.shields.io/badge/React-MaterialUI-blue.svg?logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDM2IDMyIiBmaWxsPSJub25lIiBjbGFzcz0iY3NzLTExNzBuNjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzAuMzQzIDIxLjk3NmExIDEgMCAwMC41MDItLjg2NGwuMDE4LTUuNzg3YTEgMSAwIDAxLjUwMi0uODY0bDMuMTM3LTEuODAyYTEgMSAwIDAxMS40OTguODY3djEwLjUyMWExIDEgMCAwMS0uNTAyLjg2N2wtMTEuODM5IDYuOGExIDEgMCAwMS0uOTk0LjAwMWwtOS4yOTEtNS4zMTRhMSAxIDAgMDEtLjUwNC0uODY4di01LjMwNWMwLS4wMDYuMDA3LS4wMS4wMTMtLjAwNy4wMDUuMDAzLjAxMiAwIC4wMTItLjAwN3YtLjAwNmMwLS4wMDQuMDAyLS4wMDguMDA2LS4wMWw3LjY1Mi00LjM5NmMuMDA3LS4wMDQuMDA0LS4wMTUtLjAwNC0uMDE1YS4wMDguMDA4IDAgMDEtLjAwOC0uMDA4bC4wMTUtNS4yMDFhMSAxIDAgMDAtMS41LS44N2wtNS42ODcgMy4yNzdhMSAxIDAgMDEtLjk5OCAwTDYuNjY2IDkuN2ExIDEgMCAwMC0xLjQ5OS44NjZ2OS40YTEgMSAwIDAxLTEuNDk2Ljg2OWwtMy4xNjYtMS44MWExIDEgMCAwMS0uNTA0LS44N2wuMDI4LTE2LjQzQTEgMSAwIDAxMS41MjcuODZsMTAuODQ1IDYuMjI5YTEgMSAwIDAwLjk5NiAwTDI0LjIxLjg2YTEgMSAwIDAxMS40OTguODY4djE2LjQzNGExIDEgMCAwMS0uNTAxLjg2N2wtNS42NzggMy4yN2ExIDEgMCAwMC4wMDQgMS43MzVsMy4xMzIgMS43ODNhMSAxIDAgMDAuOTkzLS4wMDJsNi42ODUtMy44Mzl6TTMxIDcuMjM0YTEgMSAwIDAwMS41MTQuODU3bDMtMS44QTEgMSAwIDAwMzYgNS40MzRWMS43NjZBMSAxIDAgMDAzNC40ODYuOTFsLTMgMS44YTEgMSAwIDAwLS40ODYuODU3djMuNjY4eiIgZmlsbD0iI2ZmZmZmZiI+PC9wYXRoPjwvc3ZnPg==&logoColor=white&label=)](https://raw.githubusercontent.com/YeonV/Vitron/main/mui.com) [![docs](https://img.shields.io/badge/React-Zustand-blue.svg?logo=data:image/png;base64,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&logoColor=white&label=)](https://github.com/pmndrs/zustand)

## Overview

<details>
 <summary>click to show</summary>

- based on [vite-react-electron](https://github.com/caoxiemeihao/vite-react-electron) (check the readme!)

- inspired by [Nextron](https://github.com/saltyshiomix/nextron)

- implemented [custom-electron-titlebar](https://github.com/AlexTorresSk/custom-electron-titlebar) (activate/deactivate via package.json)

- added Nextron's [IPC communication example](https://github.com/saltyshiomix/nextron/tree/main/examples/ipc-communication) (for sync and async messaging)

- implemented [Material UI](https://mui.com/material-ui/react-button/) (incl. ThemeProvider & dynamic createTheme)

- implemented [Zustand](https://github.com/pmndrs/zustand/) (incl. typed store via Typescript)
 
- implemented [React Router](https://reactrouter.com/)

- created example for included electron-store (incl. sync & IPC-messagning)

- created proper Dark Mode, handling mui-Theme AND nativeTheme! (activate custom titlebar for awesome synergy)

- added scripts to start and build the inner react project isolated

</details>

## Tutorial
 
<details>
 <summary>1. Init Project</summary>
 
```sh
 yarn create vitron
```
 
![image](https://user-images.githubusercontent.com/28861537/164577501-9ec62e81-a8f8-4305-97f4-d5e3639b9f2a.png)
 
![image](https://user-images.githubusercontent.com/28861537/164577516-5e31028e-94f4-4deb-8b9e-a3132c12e5c9.png)

</details>

<details>
 <summary>2. push it to your github</summary>
 
 *optional but highly recommended to enjoy awesome features
</details>
 
<details>
 <summary>3. Make some changes & push it</summary>
 
 
 i.e. edit `package.json` and change author
 When pushing to github, the start of your commit message is important:
 
 ## Git-Actions
 
- If your commit message starts with "Release " then win, mac & linux binaries will be created and a new release is made based on your version set inside package.json, and including all commit-messages from last release to this release are added as release-text: [like this](https://github.com/YeonV/Vitron/releases/tag/0.0.3)
 
- If your commit message startes with "web:", the inner react app is available under your [repo's github-pages](https://yeonv.github.io/Vitron/)
 
- If your commit message startes with "dev:" then this message will be excluded for the next release-text
 
</details>

<details>
 <summary>4. Enjoy auto-generated releases with precompiled binaries for mac, win & linux</summary>
 
 ![image](https://user-images.githubusercontent.com/28861537/164580102-43d7739e-69a7-43f5-b013-0f68aaec6c06.png)

</details>

## Screens
 
 <details>
 <summary>click to show</summary>
 
|darkmode-app| lightmode-app| darkmode-web | lightmode-web|
|:-------:|:-------:|:------------:|:------------:|
|[<img src="https://user-images.githubusercontent.com/28861537/164577641-6264ac42-c9a7-4859-a307-4bdcbf00321d.png" alt="drawing" />](https://user-images.githubusercontent.com/28861537/164577641-6264ac42-c9a7-4859-a307-4bdcbf00321d.png)|[<img src="https://user-images.githubusercontent.com/28861537/164577765-eb489963-cc7c-4f82-a126-7f1582574930.png" alt="drawing" />](https://user-images.githubusercontent.com/28861537/164577765-eb489963-cc7c-4f82-a126-7f1582574930.png)|[<img src="https://user-images.githubusercontent.com/28861537/162574323-385248b7-7f74-4edf-953d-150ec61c17e4.jpg" alt="drawing"/>](https://user-images.githubusercontent.com/28861537/162574323-385248b7-7f74-4edf-953d-150ec61c17e4.jpg)|[<img src="https://user-images.githubusercontent.com/28861537/162574326-30d03201-66bc-42c1-9b90-89edb9f7f53e.jpg" alt="drawing"/>]()|

</details>

---
 [<img width="320" src="https://discordapp.com/api/guilds/964992737621475398/widget.png?style=banner2" alt="discord" style="max-width: 320px" />](https://discord.com/invite/TGnJrrgQ)
---

[![creator](https://img.shields.io/badge/CREATOR-Yeon-blue.svg?logo=github&logoColor=white)](https://github.com/YeonV) [![creator](https://img.shields.io/badge/A.K.A-Blade-darkred.svg?logo=github&logoColor=white)](https://github.com/YeonV)

Vitron

Vitron 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Vitron

Vitron 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README