https://github.com/sioaeko/statuswatch

A real-time dashboard for monitoring website uptime, response times, and SSL certificates with instant alerts
https://github.com/sioaeko/statuswatch

live nodejs react serverless typescript uptime uptime-monitor url vite

Last synced: 9 months ago
JSON representation

A real-time dashboard for monitoring website uptime, response times, and SSL certificates with instant alerts

• Host: GitHub
• URL: https://github.com/sioaeko/statuswatch
• Owner: sioaeko
• License: mit
• Created: 2024-11-15T06:05:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-19T13:03:06.000Z (about 1 year ago)
• Last Synced: 2025-04-14T19:37:17.016Z (12 months ago)
• Topics: live, nodejs, react, serverless, typescript, uptime, uptime-monitor, url, vite
• Language: TypeScript
• Homepage: https://status-watch.vercel.app
• Size: 11.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


![Pasted Graphic](https://github.com/user-attachments/assets/cd86bb7b-e586-4b19-a684-ca0809c577d9)

StatusWatch




  

  



![Screenshot 2024-11-15 at 4 08 14 PM](https://github.com/user-attachments/assets/c3f367ed-1d4c-416a-8cb1-563c304a3130)

Real-time Website Monitoring Dashboard

Monitor website uptime, response time, and SSL certificates with instant alerts.




  

  

  





  

  

  

  



🚀 Deploy this project easily through Vercel! 🚀


[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsioaeko%2FStatusWatch)





## ✨ Features









  

    

      

        

        


        
⚡ Real-time Monitoring

        


          • 30-second checks


          • Response tracking


          • Uptime calculation

        

      

      

        

        


        
🔒 SSL Certificate

        


          • Certificate info


          • Expiration alerts


          • Issuer verification

        

      

      

        

        


        
📊 Analytics

        


          • Response graphs


          • Historical data


          • Uptime statistics

        

      

      

        

        


        
🚨 Alerts

        


          • Visual indicators


          • Performance alerts


          • Downtime tracking

        

      

    

  





## 🛠️ Tech Stack



  

    

      

        

          

          


          React 18

          


          

        

      

      

        

          

          


          TypeScript

          


          

        

      

      

        

          

          


          Tailwind

          


          

        

      

      

        

          

          


          Vite

          


          

        

      

    

  





## 🚀 Getting Started



```bash

# Clone repo

git clone https://github.com/sioaeko/statuswatch.git

# Navigate to directory

cd statuswatch

# Install dependencies

npm install

# Start dev server

npm run dev

# Build for production

npm run build

```





## 📱 Usage



  

    

      

        

        


        
1️⃣ Add Website

        
Click "Add Website" button
to start monitoring

      

      

        

        


        
2️⃣ Monitor

        
View real-time updates
in the dashboard

      

      

        

        


        
3️⃣ Analyze

        
Check detailed metrics
and performance data

      

      

        

        


        
4️⃣ Secure

        
Monitor SSL certificates
and security status

      

    

  





## ⚙️ Configuration

Monitoring interval is configurable in `src/hooks/useMonitoring.ts`:

```typescript

const CHECK_INTERVAL = 30000; // 30 seconds by default

```



## 🤝 Contributing





1. **Fork** the repository

2. Create a **feature branch**: `git checkout -b feature/amazing-feature`

3. **Commit** changes: `git commit -m 'Add amazing feature'`

4. **Push** to branch: `git push origin feature/amazing-feature`

5. Open a **Pull Request**





## 📄 License



  

  
This project is licensed under the MIT License

  
See the LICENSE file for details





## 🙏 Acknowledgments



  

    

      

        

        


        React Community

        


        

      

      

        

        


        Tailwind Labs

        


        

      

      

        

        


        Vite Team

        


        

      

      

        

        


        TypeScript Team

        


        

      

    

  





## 👨‍💻 Author



  

  
Developer

  @sioaeko

  



  

    

  

   

  

    

  







## ⭐ Support

If you found this project helpful, please consider giving it a star!



  







---



  


  


    Built with ❤️ by Sioaeko

    


    Powered by ☕️ and Vercel