statping-ng.github.io/features.html at main · statping-ng/statping-ng.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE HTML>
<html>
<head>
    <title>Statping-ng - Monitor your Web Services</title>

    <meta charset="UTF-8">
    <meta name="title" content="Statping-ng - Monitor your Web Services">
    <meta name="description" content="Monitor your websites, microservices and other servers with an awesome open source application that creates a welcoming status page for your end users.">
    <meta name="keywords" content="Statping, web monitoring, microservice, open source monitoring, status page">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap" rel="stylesheet">

    <meta property="og:type" content="website">
    <meta property="og:url" content="https://statping-ng.github.io">
    <meta property="og:title" content="Statping-ng - Monitor your Web Services">
    <meta property="og:description" content="Monitor your websites, microservices and other servers with an awesome open source application that creates a welcoming status page for your end users.">
    <meta property="og:image" content="assets/img//social.png">


    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://statping-ng.github.io">
    <meta property="twitter:title" content="Statping-ng - Monitor your Web Services">
    <meta property="twitter:description" content="Monitor your websites, microservices and other servers with an awesome open source application that creates a welcoming status page for your end users.">
    <meta property="twitter:image" content="assets/img//social.png">

    <link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="assets/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <link rel="icon" type="image/x-icon" href="assets/favicon/favicon.ico" />

    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />

</head>
<body>

<div class="container p-1 p-md-3 pb-5" style="max-width: 780px">


<nav class="navbar navbar-expand-lg navbar-light bg-white mb-4 mt-2">
    <a class="navbar-brand" href="/">Statping-ng</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">

                <li class="nav-item">
                    <a class="nav-link" href="features.html">Features</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="install.html">Install</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="sponsors.html">Sponsors &amp; Maintainers</a>
                </li>

        </ul>
    </div>
</nav>


    <div class="row mt-5">
        <div class="col-12 col-md-7">
    <h2>Service Monitoring</h2>
    You can monitor all of your HTTP, TCP, UDP, gRPC, and ICMP services with ease on Statping.
    You can also confirm the service is returning a correct response with Regex matching.
    For normal HTTP services you can request your endpoint with multiple HTTP methods including GET, POST, PATCH, DELETE and even include your own Body and Headers.
        </div>
        <div class="col-12 col-md-5 mt-3 mt-md-0">
            <a target="_blank" href="assets/img/dashboard.png">
                <img class="img-thumbnail pt-2 pb-2" src="assets/img/dashboard.png">
            </a>
        </div>
    </div>

    <div class="row mt-5">
        <div class="col-12 col-md-5">
            <a target="_blank" href="assets/img/telegram.png">
                <img class="img-thumbnail pt-2 pb-2" src="assets/img/telegram.png">
            </a>
        </div>
    <div class="col-12 col-md-7">
        <h2 class="mt-3">Notifications</h2>
        Receiving notifications is the only way you'll know if one of your services went down.
        Statping has most major 3rd party applications already implemented so all you need to do is paste in your API keys.
        Need custom data? Don't worry, most of Statping's Notifiers allow you to insert dynamic variables for a failures/service by using
        mustache formatted variables.
    </div>
    </div>


    <div class="row mt-5">
        <div class="col-12 col-md-7">
            <h2>Mobile App</h2>
            Statping also has a free mobile app available on the App Store and Google Play so you add/updated services, update notifiers, create announcements, and everything else.
            With the Statping Mobile App you can also receive push notifications using the Mobile Notifier.
            <div class="text-center mt-4">
                <a href="https://play.google.com/store/apps/details?id=com.statping"><img src="https://img.cjx.io/google-play.svg"></a>
                 <!-- <a href="https://itunes.apple.com/us/app/apple-store/id1445513219"><img src="https://img.cjx.io/app-store-badge.svg"></a>-->
            </div>
        </div>
        <div class="col-12 col-md-5 mt-3 mt-md-0">
            <a target="_blank" href="assets/img/mobileapp.png">
                <img class="img-thumbnail pt-2 pb-2" src="assets/img/mobileapp.png">
            </a>
        </div>
    </div>


    <div class="row mt-5">
        <div class="col-12 col-md-5">
            <a target="_blank" href="assets/img/oauthview.png">
                <img class="img-thumbnail pt-2 pb-2" src="assets/img/oauthview.png">
            </a>
        </div>
        <div class="col-12 col-md-7">
            <h2 class="mt-3">oAuth Authentication</h2>
            Statping also has oAuth authentication for Github, Google, Slack, and a custom OpenID provider of your choice.
            We are currently expanding this selection of providers to save you the hassle of creating users, and allowing
            your entire team to join the fun.
        </div>
    </div>


    <div class="row mt-5">
        <div class="col-12 col-md-7">
            <h2 class="mt-3">Communication</h2>
            Statping is an open source project, and we actually follow and respond to issues in a timely manner. If you
            have an issue with Statping, simply make an issue on Github and we'll fix your issue. Even if you just need some help,
            feel free to ask any questions within Github Issues.
        </div>
        <div class="col-12 col-md-5 mt-3 mt-md-0">
            <a target="_blank" href="assets/img/ghissues.png">
                <img class="img-thumbnail pt-2 pb-2" src="assets/img/ghissues.png">
            </a>
        </div>
    </div>


    <footer class="footer mt-5">
        <div class="row">
            <div class="col-12 col-md-7">
                <span class="text-muted">© Statping-ng 2021</span>
            </div>
            <div class="col-12 col-md-5 d-none d-md-block">
                <a href="https://github.com/statping-ng/statping-ng" class="text-muted float-left float-md-right">
                    <i class="fab fa-github"></i>
                </a>
            </div>
        </div>
    </footer>

</div>

<script src="https://kit.fontawesome.com/491a2fc9d2.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

</body>

</html>