https://github.com/peterr181/school-managment-system

Electron.js | React | SCSS | TypeScript | School CMS
https://github.com/peterr181/school-managment-system

electron-app react react-calendar sass typescript

Last synced: 2 months ago
JSON representation

Electron.js | React | SCSS | TypeScript | School CMS

• Host: GitHub
• URL: https://github.com/peterr181/school-managment-system
• Owner: Peterr181
• License: mit
• Created: 2023-05-26T22:42:42.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-06-09T23:06:57.000Z (about 3 years ago)
• Last Synced: 2025-03-28T11:43:20.825Z (about 1 year ago)
• Topics: electron-app, react, react-calendar, sass, typescript
• Language: TypeScript
• Homepage:
• Size: 39.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# School managment system

This is desktop APP created with electron-vite-react-typescript-sass for my uni class. This project will be connected to oracle database to manage all teachers students and parents and other things. This is my first project made in electron.js

# electron-vite-react

[![awesome-vite](https://awesome.re/mentioned-badge.svg)](https://github.com/vitejs/awesome-vite)

![GitHub stars](https://img.shields.io/github/stars/caoxiemeihao/vite-react-electron?color=fa6470)

![GitHub issues](https://img.shields.io/github/issues/caoxiemeihao/vite-react-electron?color=d8b22d)

![GitHub license](https://img.shields.io/github/license/caoxiemeihao/vite-react-electron)

[![Required Node.JS >= 14.18.0 || >=16.0.0](https://img.shields.io/static/v1?label=node&message=14.18.0%20||%20%3E=16.0.0&logo=node.js&color=3f893e)](https://nodejs.org/about/releases)

English | [简体中文](README.zh-CN.md)

## 👀 Overview

📦 Ready out of the box  

🎯 Based on the official [template-react-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts), project structure will be familiar to you  

🌱 Easily extendable and customizable  

💪 Supports Node.js API in the renderer process  

🔩 Supports C/C++ native addons  

🐞 Debugger configuration included  

🖥 Easy to implement multiple windows  

## 🛫 Quick start

```sh

npm create electron-vite

```

![electron-vite-react.gif](/electron-vite-react.gif)

## 🐞 Debug

![electron-vite-react-debug.gif](/electron-vite-react-debug.gif)

## 📂 Directory structure

Familiar React application structure, just with `electron` folder on the top :wink:  

*Files in this folder will be separated from your React application and built into `dist-electron`*  

```tree

├── electron                                 Electron-related code

│   ├── main                                 Main-process source code

│   └── preload                              Preload-scripts source code

│

├── release                                  Generated after production build, contains executables

│   └── {version}

│       ├── {os}-{os_arch}                   Contains unpacked application executable

│       └── {app_name}_{version}.{ext}       Installer for the application

│

├── public                                   Static assets

└── src                                      Renderer source code, your React application

```

## 🔧 Additional features

1. electron-updater 👉 [see docs](src/components/update/README.md)

1. playwright

## ❔ FAQ

- [C/C++ addons, Node.js modules - Pre-Bundling](https://github.com/electron-vite/vite-plugin-electron-renderer#dependency-pre-bundling)

- [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)