Skip to content

iNethi/monitoring-ui-ts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 

Repository files navigation

iNethi Monitoring System

A dashboard for network managers to register/login, create networks, and assign devices, using a cloud API or local mock data.

Getting Started

  1. Install dependencies:

    npm install
  2. Configure environment variables:

    • Copy the .example file to .env.local:
      cp monitoring-ui/.example monitoring-ui/.env.local
    • Edit monitoring-ui/.env.local as needed:
      • Set NEXT_PUBLIC_BACKEND=true to use the backend API.
      • Set NEXT_PUBLIC_BACKEND=false to use local mock data from the _data folder.
  3. Run the development server:

    npm run dev

    The app will be available at http://localhost:3000.

Switching Between Backend and Local Data

  • Backend:
    • Set NEXT_PUBLIC_BACKEND=true in your .env.local file.
    • The app will fetch device data from the backend API.
  • Local Data:
    • Set NEXT_PUBLIC_BACKEND=false in your .env.local file.
    • The app will use mock device data from monitoring-ui/_data/*.json.

Notes

  • You may need to restart the dev server after changing environment variables.

About

Locally hosted monitoring UI in Typescript

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published