Obsidian Panel

A modern, minimalistic server management panel designed for game hosting companies. Built with React, TypeScript, and Tailwind CSS, featuring a sleek dark theme with purple accents.

Features

🎮 Server Management: Start, stop, and monitor game servers
📊 Real-time Monitoring: Track CPU, memory, and storage usage
💻 Live Console: View server logs and execute commands
🛍️ Resource Shop: Purchase additional resources with in-platform currency
🎨 Modern UI: Beautiful dark theme with smooth animations
🔐 User Authentication: Secure login system with role-based access

Tech Stack

Frontend: React, TypeScript, Tailwind CSS
Routing: React Router
Icons: Lucide React
Build Tool: Vite
Development: ESLint, PostCSS

Demo

http://f2ra86-ip-18-210-230-215.tunnelmole.net/

Getting Started

Clone the repository:

git clone https://github.com/choice21hax/obsidian-panel.git

or use wget

Install dependencies:

npm install

Start the development server:

npm run dev

Build for production:

npm run build

Project Structure

src/
├── components/          # Reusable UI components
│   ├── ServerConsole/  # Server console component
│   ├── ResourceMonitor/# Resource usage monitoring
│   └── ServerControls/ # Server control buttons
├── pages/              # Main application pages
├── styles/             # Global styles and Tailwind config
└── types/              # TypeScript type definitions

Contributing

Fork the repository
Create your feature branch (git checkout -b feature/amazing-feature)
Commit your changes (git commit -m 'Add some amazing feature')
Push to the branch (git push origin feature/amazing-feature)
Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

Tailwind CSS for the utility-first CSS framework
Lucide Icons for the beautiful icons
React for the frontend framework
Vite for the build tool

Support

For support, email support@obsidianpanel.com or join our Discord server.

choice21hax/obsidianpanelv2