Frontend in Orbit is the user interface component of the Server in Orbit project, designed to provide a smooth and interactive experience for monitoring and managing space-bound servers.
- Real-time Data: Displays live updates from the server using WebSocket connections.
- Interactive UI: User-friendly dashboard for easy access to system statistics and controls.
- Responsive Design: Optimized for mobile, tablet, and desktop.
- React: Core UI framework for building the frontend.
- Tailwind CSS: Utility-first CSS framework for fast styling.
- WebSocket: Real-time communication with the backend.
- Vite: Blazing fast development environment.
Follow these steps to get the frontend running locally or in a production environment.
Ensure you have the following installed:
-
Clone the repository:
```bash git clone https://github.com/maia2a/frontend-in-orbit.git ```
-
Navigate into the project directory:
```bash cd frontend-in-orbit ```
-
Install dependencies:
```bash npm install ```
To run the app in development mode:
```bash npm run dev ```
Visit http://localhost:3000 to view the app.
To build the app for production:
```bash npm run build ```
The production files will be generated in the `dist` folder.
The frontend communicates with the backend server via WebSockets. Ensure the server is running and accessible at `ws://localhost:3000` to receive real-time updates.
You can modify environment variables in the `.env` file to configure the app:
- `VITE_API_URL`: Set the API URL for backend communication.
- `VITE_WEBSOCKET_URL`: Set the WebSocket URL for real-time updates.
To deploy the app:
-
Build the production files:
```bash npm run build ```
-
Serve the static files using a web server or host them on a platform like Vercel or Netlify.
Feel free to submit pull requests or issues to improve the project. All contributions are welcome! """