Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rostislavjadavan/electron-react-typescript-tailwind-starter
Ready-to-use project template for building cross-platform desktop applications with Electron, React, TypeScript, and Tailwind CSS.
https://github.com/rostislavjadavan/electron-react-typescript-tailwind-starter
Last synced: 2 months ago
JSON representation
Ready-to-use project template for building cross-platform desktop applications with Electron, React, TypeScript, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/rostislavjadavan/electron-react-typescript-tailwind-starter
- Owner: rostislavjadavan
- Created: 2023-03-30T19:09:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-16T11:20:38.000Z (3 months ago)
- Last Synced: 2024-10-18T03:09:14.819Z (3 months ago)
- Language: TypeScript
- Size: 269 KB
- Stars: 16
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Electron React TypeScript Tailwind Starter
This starter repository provides a ready-to-use project template for building cross-platform desktop applications with Electron, React, TypeScript, and Tailwind CSS, utilizing Electron Forge for easy packaging and publishing.
## Features
- Electron for building cross-platform desktop applications
- React for creating scalable, component-based UIs
- TypeScript for strongly-typed and maintainable JavaScript code
- Tailwind CSS for utility-first styling and rapid UI development
- Electron Forge for simple packaging and publishing of Electron applications
## Getting Started
Clone the repository:
```bash
git clone https://github.com/rostislavjadavan/electron-react-typescript-tailwind-starter.git
```
Navigate to the project folder:
```bash
cd electron-react-typescript-tailwind-starter
```
Install dependencies:
```bash
npm install
```
Start the development server:
```bash
npm run start
```
# Package the project
Package the project as an Electron app:
```bash
npm run make
```
For detailed configuration visit: https://www.electronforge.io
## Customization
You can easily customize the project to suit your needs by modifying the source code within the `src` directory. The project is set up with a simple example that you can use as a starting point for your application.