Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vpksoftorg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v2

ant-design antd i18n-react i18next react reactjs styled-components tauri tauri-app tokio-rs typescript vite vitejs

Last synced: about 1 month ago
JSON representation

Host: GitHub
URL: https://github.com/vpksoftorg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v2
Owner: VPKSoftOrg
License: mit
Created: 2024-07-01T11:46:58.000Z (5 months ago)
Default Branch: develop
Last Pushed: 2024-10-08T00:06:48.000Z (about 1 month ago)
Last Synced: 2024-10-14T03:40:58.448Z (about 1 month ago)
Topics: ant-design, antd, i18n-react, i18next, react, reactjs, styled-components, tauri, tauri-app, tokio-rs, typescript, vite, vitejs
Language: TypeScript
Size: 977 KB
Stars: 1
Watchers: 0
Forks: 0
Open Issues: 3
Metadata Files:
- Readme: README.md
- Changelog: change-name-owner-src/index.js
- License: LICENSE

Awesome Lists containing this project

README

        # Tauri + React + Vite + Typescript + antd + i18next + Tokio + Styled Components

This template should help get you started developing with [Tauri](https://tauri.app), [React](https://react.dev), [Vite](https://vitejs.dev), [Typescript](https://www.typescriptlang.org), [antd](https://ant.design), [i18next](https://www.i18next.com), [Styled Components](https://styled-components.com) and [Tokio](https://tokio.rs).

The template is for [Tauri version 2+](https://v2.tauri.app/), for the [Version 1 template here](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v1).

## Recommended IDE Setup 1

- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)

## Recommended IDE Setup 2

- [RustRover](https://www.jetbrains.com/rust/)

## To use this template

After GitHub *Use this template*:

1. CD into `change-name-owner-src`

2. Run NPM install: `npm i`

3. Run the replace script:

   `node ./index.js --copyright [your company/your name] --appName [the application name] --initialVersion [0.0.1] --appUrl [the main url for the application web site] --sourceUrl [the source code url for the application source] --manualDownloadUri [an url where the application may be downloaded] --shortDescription [A short one-line description of the application]`

   Example:

   

   `node ./index.js --copyright VPKSoft --appName MyNewApp --initialVersion 0.1.0 --appUrl https://www.vpksoft.net --sourceUrl https://github.com/VPKSoft/MyNewApp --manualDownloadUri https://github.com/VPKSoft/MyNewApp/releases/latest --shortDescription "An app for something"` 

## Debug instructions to RustRover or Visual Studio Code

* [Visual Studio Code](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v2/wiki/Visual-Studio-Code:-Run-and-Debug)

* [RustRover](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled_v2/wiki/RustRover:-Run-and-debug)

## Features

Support for extendable application preferences and a popup for the mentioned purpose:  

![image](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled/assets/40712699/0dc7b4e9-401e-4ed5-ab8d-4ac21ec38e6a) ![image](https://github.com/VPKSoftOrg/tauri_react_vite_ts_script_antd_i18next_tokio_styled/assets/40712699/b13b78a1-970e-491e-ac61-b58881bf6d30)

Support for localization which is totally optional.

For backend localization see the [additional readme](./src/localization/rust_i18n_transform/README.md).

The window title bar is custom. E.g. it looks the same with different operation systems:

![image](https://github.com/user-attachments/assets/ccaaabb1-45f1-481c-9a85-386e3bf58b43)

Also with dark mode support:

![image](https://github.com/user-attachments/assets/eb5040c9-b7d4-42a3-ba34-78a15b737ffd)

The application running on mobile:

![image](https://github.com/user-attachments/assets/cde7b644-895c-44e0-9be3-fca852909ccf)

 ![image](https://github.com/user-attachments/assets/3062a9b4-15ec-4285-9bfb-3617abd96a24)

 

The drawer menu on mobile:

![image](https://github.com/user-attachments/assets/22e547a2-a65a-4ff0-a998-cb940990fa67)

 ![image](https://github.com/user-attachments/assets/875cd9fa-01ae-40ef-9152-e67fb93c4a95)

Customizable tool bar and menu with React(antd) components.