noor is a starter for making a cross platform photo editor using react for frontend and rust's framework tauri for build

Welcome to the Tauri-React Filerobot Starter Kit! 🚀 This starter kit provides a robust foundation for building React-based applications with the Filerobot Image Editor integrated. Leveraging Vite for fast development, SWC (Speedy Web Compiler) for optimized builds, and Tauri for building desktop applications, this kit ensures blazing-fast performance and a seamless development experience.

---

Features

• 🌟 Filerobot Image Editor: A lightweight and powerful image editor with essential tools for image manipulation.
• ⚡ Vite: Lightning-fast development server with hot module replacement (HMR).
• 🚀 SWC: A super-fast JavaScript and TypeScript compiler for optimized builds.
• 🔹 Tauri: Build smaller, faster, and more secure desktop applications.
• 🎯 React: Modern UI framework for building scalable, maintainable applications.
• 📦 Out-of-the-box configuration to get started quickly.

---

Getting Started

Prerequisites

Make sure you have the following tools installed:

• Node.js (v16 or later)
• npm or yarn
• Rust (required for Tauri)

Installation

1. Clone this repository:

   git clone httpsgithub.com/shxvang/noor
   cd noor

2. Install dependencies:

   npm install
   # or
   yarn install

3. Start the development server:

   npm run dev
   # or
   yarn dev

4. Open your browser and navigate to [http://localhost:5173](http://localhost:5173/) to see the app in action.

---

Project Structure

noor/
├── public/            # Static assets
├── src/
│   ├── components/    # Reusable React components
│   ├── pages/         # Application pages
│   ├── App.jsx        # Main app component
│   ├── main.jsx       # Application entry point
│   └── styles/        # Global and component-specific styles
├── src-tauri/         # Tauri-specific files and configurations
├── vite.config.js     # Vite configuration file
├── package.json       # Project metadata and dependencies
├── README.md          # Project documentation
└── ...

---

Scripts

• npm run dev: Start the development server.
• npm run build: Build the app for production using SWC.
• npm run tauri dev: Start the Tauri development environment.
• npm run tauri build: Build the Tauri desktop application.
• npm run preview: Preview the production build.
• npm run lint: Lint the codebase for potential issues.

---

Contributing

Contributions are welcome! 🎉 If you find a bug or have a feature request, please open an issue or submit a pull request.

Steps to Contribute

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your changes and commit them:

   git commit -m "Add your feature description"

4. Push to your branch:

   git push origin feature/your-feature-name

5. Open a pull request.

---

License

This project is licensed under the MIT License.

---

Acknowledgements

• Filerobot Image Editor
• Vite
• SWC
• React
• Tauri

Happy coding! 🎨