Skip to content

iNethi/monitoring-ui-ts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 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

 
 
 

Contributors