Giter Site home page Giter Site logo

pisentry-webapp's Introduction


PiSentry WebApp logo

PiSentry WebApp is a Next.js PWA for accessing security camera services offered by PiSentry Camera Software from anywhere in the world πŸ“ΈπŸŒ



Table of Contents

  1. Run the app
  2. Technologies
  3. License

Run the app

1. Set correct URLs

Because the web app interacts with other PiSentry projects (the backend API and the media server), you might want to check their URLs in src/urls.js and adapt them if necessary.

2. HTTPS support (optional)

HTTPS enables support for features such as push notifications, installable PWA, etc.

To be able to run the app in HTTPS, simply create a .env file based on .env.example and set your own correct values for the HTTPS env variables. The paths to the files provided in HTTPS_KEY and HTTPS_CERT variables are always resolved from the https_certificates/ directory. Place your HTTPS certificates in this directory.

If you need to generate self-signed HTTPS certificates, you can use mkcert.

If HTTPS was set up properly, you will see the HTTPS server started in the console logs when running the app.

3. Run the app

There are 3 different ways to run the application, depending on what you want to achieve:

  1. To develop the app: Execute npm run dev and the Next.js development server will start.
  2. To develop the app with HTTPS support: Execute npm run httpsdev and the custom HTTPS dev server will start.
  3. To run the app in production: Execute npm run build to statically build the app, then npm start to start the build, or pm2 start pm2.config.cjs to let pm2 manage it for you (you need to have pm2 installed).

Technologies

The web app has been developed with Next.js.

The main libraries used are :

  • Video.js - for playback of recordings and live streams
  • Redux Toolkit - for state management on the client
  • SWR - for data fetching
  • Tailwind CSS - for designing the user interface
  • React Splide - for displaying multiple cameras in a slider/carousel

License

This project is licensed under the MIT License

pisentry-webapp's People

Contributors

d-roduit avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.