Bertrand31 / Monitaure
Licence: gpl-3.0
🔔 A server uptime monitoring progressive web application - NO LONGER MAINTAINED
Stars: ✭ 135
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Monitaure
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+3191.85%)
Mutual labels: webpack, offline-first, pwa, progressive-web-app, service-worker
Jfa Pwa Toolkit
⚡️ PWA Features to Any Website (very Fast & Easy)
Stars: ✭ 245 (+81.48%)
Mutual labels: offline-first, pwa, progressive-web-app, service-worker
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+839.26%)
Mutual labels: webpack, sass, dashboard, react-router
Android Pwa Wrapper
Android Wrapper to create native Android Apps from offline-capable Progressive Web Apps
Stars: ✭ 265 (+96.3%)
Mutual labels: offline-first, pwa, progressive-web-app, service-worker
Beer
The source code for the Progressive Beer app!
Stars: ✭ 73 (-45.93%)
Mutual labels: offline-first, pwa, progressive-web-app, service-worker
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-51.85%)
Mutual labels: webpack, jest, pwa, react-router
jekyll-pwa-workbox
A Jekyll plugin using Workbox to make your PWA / Website available offline.
Stars: ✭ 22 (-83.7%)
Mutual labels: pwa, service-worker, progressive-web-app, offline-first
Ember Service Worker
A pluggable approach to Service Workers for Ember.js
Stars: ✭ 227 (+68.15%)
Mutual labels: offline-first, pwa, progressive-web-app, service-worker
Upup
✈️ Easily create sites that work offline as well as online
Stars: ✭ 4,777 (+3438.52%)
Mutual labels: offline-first, pwa, progressive-web-app, service-worker
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+392.59%)
Mutual labels: webpack, pwa, progressive-web-app, service-worker
Productivity Frontend
Productivity Application - Kanban Style Productivity Management Application with Customizable Boards, Lists and Cards to Make You More Productive.
Stars: ✭ 234 (+73.33%)
Mutual labels: pwa, react-router, progressive-web-app, service-worker
Budgeting
Budgeting - React + Redux + Webpack (tree shaking) Sample App
Stars: ✭ 971 (+619.26%)
Mutual labels: webpack, sass, react-router, service-worker
Vuesion
Vuesion is a boilerplate that helps product teams build faster than ever with fewer headaches and modern best practices across engineering & design.
Stars: ✭ 2,510 (+1759.26%)
Mutual labels: webpack, jest, progressive-web-app, pwa
Pwa
An opinionated progressive web app boilerplate
Stars: ✭ 353 (+161.48%)
Mutual labels: webpack, jest, pwa, react-router
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-76.3%)
Mutual labels: webpack, mongodb, jest, react-router
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+652.59%)
Mutual labels: webpack, offline-first, sass, pwa
The forge
Our groundbreaking, lightning fast PWA CLI tool
Stars: ✭ 70 (-48.15%)
Mutual labels: pwa, progressive-web-app, service-worker
Starter Lapis
Cutting edge starter kit
Stars: ✭ 72 (-46.67%)
Mutual labels: webpack, jest, react-router
Ionic Pwa
🚀 Build a Progressive Web App with Ionic and Angular. Push Notifications. Deployed to Firebase Hosting. The Complete guide to build your PWA. Service Workers. Lighthouse. Web Manifest
Stars: ✭ 87 (-35.56%)
Mutual labels: pwa, progressive-web-app, service-worker
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+872.59%)
Mutual labels: webpack, dashboard, react-router
Monitaure is an online service aiming to provide SysAdmins with a clean, lightweight and quick to configure monitoring dashboard. The application does not need any client-side installation or configuration.
Why it's awesome
From a technical standpoint, here are some of the key aspects of Monitaure:
- Front-end:
- React to manage user interface ;
- Redux to manage application state ;
- LocalStorage to persist the state between two visits ;
- React-Router to handle front-end routing ;
- A Service Worker to allow the app to be installed on phones and to work offline ;
- Constant monitoring of the device's connectivity state: if the app becomes offline, some functionnalities requiring a network connection are disabled and the user is warned ;
- Push notifications, on both mobile devices and desktop computers ;
- JSX and some Jade for HTML ;
- SASS for CSS ;
- Babel to transpile ES6 & ES7 to older (ES5) Javascript ;
- Webpack 2 to bundle everything up.
- Back-end:
- NodeJS application built on Sails.js framework ;
- MongoDB database for data storage ;
- Redis database for storing user sessions.
- Security:
- Served over HTTPS, with rock-solid SSL security (TLS 1.2, OCSP stapling, HSTS, HSTS preloading, Forward secrecy, etc.) ;
- CSRF tokens ;
- HttpOnly, encrypted session cookies ;
- Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, X-XSS-Protection, X-Content-Type-Options headers.
- Performance:
- Served over HTTP/2 ;
- Sitting behind an NGINX reverse-proxy ;
- Caching server-side (NGINX) as well as client-side (Service Worker for requests & assets, LocalStorage for state) ;
- Hosted on a dedicated server running Archlinux ;
- Gzip compression ;
- PNGQuant & SVGO images optimization ;
- CSS bundling and uglification ;
- JS tree-shaking, minification, uglification, dead code elimination.
- Misc:
- IPV6-ready ;
- Sendgrid to send transactionnal emails (account confirmation, alerts, etc.) ;
- Jest for tests and code coverage ;
- Travis CI and Codecov for build testing ;
- ESLint and Codacy for code style and quality review ;
- Heap Analytics for retroactive interaction statistics.
Concerning the graphical aspect of the application, you can find all the goodies here on Dribble.
Project purpose
While it is a useful service anyone can use, it is also meant -as a team project- to showcase our skills.
The team is composed of the following people:
- Bertrand Junqua for both the front-end and back-end code, and server administration ;
- Guillaume Parra who takes care of the UI & UX ;
- Quentin Bucciarelli who laid a hand for writing some of the (S)CSS and the email templates.
Bonus: Error pages
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].