Skip to content

A Vue.js-based web interface for real-time IoT data collection and monitoring. It offers intuitive controls for data visualization, editing, and exporting, utilizing Element UI and ECharts.

Notifications You must be signed in to change notification settings

GuPuan/Data-Collection-and-Monitoring-Platform-Based-on-NB-IoT-FrontEnd-

Repository files navigation

IoT Data Collection & Monitoring Platform (Front-End)

Overview

This is the front-end of an IoT data collection and monitoring platform, built using Vue.js. The platform provides an intuitive and responsive user interface for managing real-time data from NB-IoT sensors. Users can view, filter, edit, and export the collected data, all presented in a user-friendly manner using Element UI and ECharts for seamless data visualization.

Features

  • Real-time Data Visualization: Uses ECharts to provide dynamic charts for visualizing IoT sensor data.
  • Data Management: Edit, filter, and export data in an intuitive interface.
  • Responsive Design: Built with Element UI, offering a clean and responsive experience across different devices.
  • Routing: Utilizes Vue-Router to navigate between various pages seamlessly.

Project Structure

  • src/: Contains the main source code.
    • components/: Reusable Vue components for the interface.
    • views/: Page-specific components.
    • router/: Vue-Router configuration for page navigation.
    • assets/: Static assets like images and icons.

Prerequisites

  • Node.js (v12 or higher)
  • npm or Yarn

About

A Vue.js-based web interface for real-time IoT data collection and monitoring. It offers intuitive controls for data visualization, editing, and exporting, utilizing Element UI and ECharts.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published