Code Monkey home page Code Monkey logo

elibroftw / modern-desktop-app-template Goto Github PK

View Code? Open in Web Editor NEW
166.0 2.0 33.0 1.6 MB

Tauri & ReactJS boilerplate for a modern desktop application. Not a project nor a substitute for my Tauri video tutorials.

Home Page: https://www.youtube.com/playlist?list=PLmWYh0f8jKSjt9VC5sq2T3mFETasG2p2L

License: Creative Commons Zero v1.0 Universal

JavaScript 74.52% Rust 17.61% CSS 6.20% HTML 1.68%
tauri react reactjs javascript rust gui desktop-app template vite mantine

modern-desktop-app-template's Introduction

Modern Desktop App Template

Tauri and React boilerplate for a modern desktop application. Not a project nor a substitute tutorial for my video tutorials. I didn't use yew (wasm) since its component libraries are not to the calibre of existing React component libraries.

Template Instructions

  1. Have git installed
  2. Download this repository and rename the folder to YOUR_APP or click "use this template" and clone your new repo that is referred to henceforth as YOUR_APP
  3. Open YOUR_APP in an IDE
  4. Follow environment instructions in SAMPLE_README.md
  5. While you run pnpm install to install dependencies,
    • Modify productName, identifier, title found in src-tauri/tauri.conf.json
    • Modify authors in src-tauri/Cargo.toml
    • Modify HEADER_TITLE, FOOTER found in src/utils.js
    • If you didn't click "use this template", remove the .git folder and reinitialize your own git repo
    • Delete or replace LICENSE.md since this template is public domain
    • Edit SAMPLE_README.md and replace README.md
  6. Run pnpm dev to start developing
  7. Read Tips and Trouble Shooting section of the new README.md
  8. If any problems arise, open an issue or contact me

Ground-up Instructions

RSS of Commit History

Add https://github.com/elibroftw/modern-desktop-app-template/commits.atom to your RSS reader to stay up to date! I do not recommend pulling from my repo because you will need to edit the same files I reorganize

Screenshots

  • The four views not found in boilerplate were added by yours truly. My About is the ViewExample provided in src
  • Home view is purposely not translated since it's a filler

App screenshot with dark colorscheme

App screenshot with light colorscheme

Future Resources

URL Schema (used with Single Instance)

The single instance plugin is already included in this template. Combine this plugin with the reading from below to get a Windows app URL protocol. This can be used for say Music Players, PDF Readers, etc.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.