kkan0615 / filetaro

File handler - Move, Rename, Organize, or Delete files easily

Filetaro

File handler - File handler - Rename, Organize, or Delete files easiliy

Go to download

Supports

Contributors

Thank you for making program better.

Youngjin Kwak 💻 🚧 📖 🎨

Supports

Development

Tauri(Rust) + React(Typescript)

Commands

Install

yarn install

Dev

yarn tauri dev

Build

yarn tauri build

Output is in ./src-tarui/target/release/bundle/msi

Generate icons

Doc

yarn tauri icon -o ./src-tauri/icons ./app-icon.png

Recommended IDE Setup

• VS Code + Tauri + rust-analyzer

📁 Folder structure

See more detail to click the Link

├─ dist/                                 # Build output
├─ node_modules/                         # Modules
├─ public/                               # Public Assets
├─ src/                                  # Work place for react
│   ├─ assets/                           # Assets
│   ├─ components/                       # Components
│   ├─ i18n/                             # i18n
│   │   ├─ ...                           #
│   │   └─ locales/                      # Messages by locale
│   ├─ layouts/                          # Layouts
│   ├─ pages/                            # Pages
│   ├─ router/                           # React router based routing system
│   ├─ stores/                           # Redux and Tauri store
│   ├─ styles/                           # Global css
│   ├─ types/                            # Types (Interfaces, Types, Constrains)
│   │   ├─ ...                           #
│   ├─  └─ models/                       # Model types
│   ├─ utils/                            # Utility functions
│   ├─ App.css/                          # App page css
│   ├─ App.tsx/                          # App ("/") page
│   ├─ index.scss/                       # Global css file
│   ├─ main.tsx                          # React main.tsx
│   └─ vite-env.d.ts                     # Vite.env.d.ts
├─ src-tauri/                            # Work place for Tauri and Rust
│   ├─ icons/                            # Icons
│   ├─ src/                              # src
│   ├─ target/                           # Build Output
│   ├─ .gitignore/                       # gitignore
│   ├─ build.rs/                         # Run build
│   ├─ Cargo.lock/                       # lock
│   ├─ Cargo.toml/                       # Rust Package
│   └─ tauri.conf.json/                  # Tauri Config
├─ .eslintignore/                        # Eslint ignore
├─ .eslint.cjs/                          # Eslint config
├─ .gitignore/                           # gitignore
├─ .index.html                           # index.html
├─ .package.json                         # package.json
├─ .package-lock.json                    # npm lock file
├─ .postcss.config.json                  # postcss config file
├─ README.md                             # README.md, intruction file
├─ .tailwind.config.cjs                  # tailwind config file
├─ .tsconfig.json                        # Typescript config file
├─ .tsconfig.node.json                   # Typescript node config file
├─ vite.config.ts                        # Vite config file
└── yarn.lock                            # Yarn lock

Packages

The program is using following packages.

Frontend

• eslint
• zod: TypeScript-first schema validation with static type inference
  • react-hook-form: Performant, flexible and extensible forms with easy-to-use validation.
  • @hookform/resolvers
• react-router-dom
  • react-router
• react-i18next
  • i18next
  • i18next-browser-languagedetector
• @chakra-ui/react
• @emotion/react: Simple styling in React.
  • @emotion/styled
• framer-motion: An open source motion library for React, made by Framer.
• tailwindcss
  • daisyui
• react-icons: Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
• react-redux: Official React bindings for Redux
  • @reduxjs/toolkit: A Predictable State Container for JS Apps
• @tauri-apps/api
• react-toastify
• sass: CSS with superpowers
• reactour/tour: Tourist Guide into your React Components
• lodash: A modern JavaScript utility library delivering modularity, performance & extras.
  • @types/lodash
• react-helmet: This reusable React component will manage all of your changes to the document head.
  • @types/react-helmet

Backend

• tauri-plugin-store: Simple, persistent key-value store.

Ref

• tauri
• awesome-tauri