Skip to content

Boilerplate to build ElectronJS with ReactJS and modern web tools!

Notifications You must be signed in to change notification settings

Molizanee/electron-react-tailwind

Repository files navigation

Electron + React + Tailwind Boilerplate

A modern boilerplate to build cross-platform, high-performance desktop applications using Electron, React, Tailwind CSS, and other cutting-edge web development tools.

Features

  • ElectronJS: Cross-platform desktop app development with web technologies.
  • ReactJS: Efficient library for building dynamic user interfaces.
  • TailwindCSS: Utility-first CSS framework for fast UI development.
  • ShadcnUI: Reusable and customizable components to speed up development.
  • Vite: Lightning-fast development server with hot module replacement (HMR).
  • Vitest: Fast and simple unit testing for React components.
  • React Testing Library: Helps test React components in a user-centric way.
  • Happy DOM: A fast DOM simulation for testing React components.
  • BiomeJS: A fast and reliable linter and code formatter for consistent code style.

Getting Started

  1. Clone or Fork the Repository

You can either use this template by clicking the "Use this template" button or clone the repository to your local machine:

git clone https://github.com/Molizanee/electron-react-tailwind.git && cd electron-react-tailwind
  1. Install Dependencies

Once inside the project directory, install all required dependencies:

npm install
  1. Run the Development Server

Start the project in development mode with hot-reloading enabled:

npm run dev
  1. Run Tests

Run all tests with Vitest:

npm run test

To open the Vitest UI for a visual overview of your tests:

npm run test:ui
  1. Build the Project

To build the project for production:

npm run build

This will bundle your application and prepare it for distribution across different platforms.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contributions

Feel free to contribute! Please submit a pull request or open an issue for any changes or improvements.