A modern, high-performance web app built with Vite + React + TypeScript to check your VPN subscription status in real-time.
📖 Looking for the Persian version? Click here to read in فارسی 🌍
✅ Real-time VPN Status - Instantly check if your VPN is active
✅ Clean & Responsive UI - Optimized for all devices
✅ Multi-language Support - Seamless experience in multiple languages
✅ TypeScript Safety - Ensuring better code quality
✅ Fast & Smooth Navigation - Powered by TanStack Router
✅ Ultra-fast Performance - Leveraging Bun for blazing speed
Want to see Patrick Status in action? Check out the demo:
Demo of Patrick Status
Experience the real-time VPN status check and smooth UI in action!
Alternatively, you can run the app locally by following the Getting Started instructions above.
- ⚡ Vite - Next-gen frontend tooling
- ⚛️ React 19 - Component-based UI with hooks
- 📜 TypeScript - Type-safe, maintainable code
- 🛣️ TanStack Router - Advanced, modern routing
- 🎨 Tailwind CSS - Utility-first, efficient styling
- 🚀 Bun - Superfast runtime & package manager
Before you begin, ensure you have the following installed:
- ✅ Bun v1+
- ✅ Node.js v18+ (optional, only if you plan to use it alongside Bun)
git clone https://github.com/AmirJSX/patrick-status.git
cd patrick-statusbun installbun devYour app will be live at http://localhost:5173 by default.
bun run buildThe optimized build will be available in the dist/ directory.
bun run previewThe
bun run previewcommand is for local testing only. In production, serve thedist/folder using a proper web server.
We welcome contributions to improve Patrick Status! Here’s how you can contribute:
- Fork the Repository - Click the fork button on GitHub.
- Create a New Branch - Use a descriptive name.
git checkout -b feature/your-feature-name
- Make Your Changes - Improve the code, fix bugs, or enhance features.
- Commit Your Changes - Write meaningful commit messages.
git commit -m "Add feature: description" - Push to GitHub - Push your changes to your fork.
git push origin feature/your-feature-name
- Create a Pull Request - Open a PR against the
mainbranch.
If you encounter any issues, feel free to:
- Check the GitHub Issues tab to see if it’s already reported.
- Open a new issue describing the problem.
- Join discussions in the repository to collaborate on solutions.
For direct inquiries, you can reach out via GitHub discussions.
This project is open-source and released under the MIT License.