Frontend Setup

Prerequisites

Before setting up the frontend, ensure you have the following installed:

Node.js (LTS version recommended)
npm (comes with Node.js)
Rust (latest stable version)
Tauri CLI

For a comprehensive guide on prerequisites, refer to the Tauri Prerequisites documentation.

Setup Directory

Base Directory

All commands executed below are with respect to the frontend/ directory

Installing Dependencies

Navigate to the frontend directory:
```
cd frontend
```
Install the project dependencies:
```
npm install
```

For more information on npm commands, see the npm documentation.

Running the Application

To start the Tauri application in development mode, run:

npm run tauri dev

This command will: - Start the Vite development server for the frontend - Compile the Rust backend - Launch the Tauri application window

For more details on Tauri commands, check the Tauri CLI documentation.

First Run

The first run might take longer as it needs to compile the Rust code.

Building for Production

To create a production build of your Tauri application:

npm run tauri build

This will create an optimized build of your application in the src-tauri/target/release directory.

Learn more about building Tauri apps in the Tauri Building Guide.

Troubleshooting

If you encounter any issues during setup or running the application:

Ensure all prerequisites are correctly installed.
Check that you're in the correct directory (frontend/).
Try deleting the node_modules folder and package-lock.json file, then run npm install again.
If Rust-related errors occur, try running rustup update to ensure you have the latest version.

For more detailed troubleshooting, refer to the Tauri Troubleshooting Guide.

Additional Resources

By following these steps, you should have your Tauri frontend environment set up and ready for development. Remember to run npm run tauri dev to start your development environment.