Inclino Dashboard is a web-based application used to measure the inclination of Towers, integrated with the Inclinometer measuring device.

Inclinometer Dashboard (MonsterCode x MonsterMac) 

## Inclinometer Dashboard

### Overview {#overview}

Inclinometer Dashboard is a cutting-edge web-based application meticulously crafted to measure and monitor tower inclination, seamlessly integrated with state-of-the-art Inclinometer measuring devices. This platform serves as an indispensable tool across industries, ensuring the stability and safety of vital structures by providing real-time insights into inclination measurements.

### Problem {#problem}

The accurate measurement and monitoring of tower inclination are paramount in ensuring structural integrity and safety. Traditional methods often lack precision and real-time monitoring capabilities, leading to potential risks and maintenance challenges.

### Solving {#solving}

Inclinometer Dashboard addresses these challenges by offering:

- **Real-time Monitoring:** 

  Provides continuous monitoring of tower inclination, allowing for immediate intervention in case of deviations from predefined thresholds.

- **Data Visualization:** 

  Offers comprehensive visualization tools to interpret inclination data effectively, enabling users to make informed decisions.

- **Seamless Integration:** 

  Integrates seamlessly with Inclinometer measuring devices, ensuring accurate data collection and analysis.

- **User Accessibility:** 

  Designed with a user-friendly interface, making it accessible to professionals across various industries with varying levels of technical expertise.

### Discussion{#discussion}

#### Core Features {#core-features}

1. **Real-time monitoring** 

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/dashboard.png)

   Provides continuous updates on tower inclination measurements, allowing immediate detection of any deviations from the desired thresholds.

2. **Continuous data analysis against predefined threshold limits**

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/popup-threshold.png)

   Automatically analyzes inclination data in real-time and compares it against predefined threshold limits, enabling proactive intervention when necessary to maintain structural integrity.

3. **Seamless integration with Inclinometer measuring devices**

   Integrates seamlessly with Inclinometer measuring devices, ensuring accurate and reliable data collection, storage, and processing.

4. **User-friendly interface for intuitive navigation and data interpretation**

   Features an intuitive and user-friendly interface designed for easy navigation and interpretation of inclination data, enhancing user experience and efficiency.

5. **General tower information settings**

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/general-tower-information-settings.png)

   Allows users to input and manage general information about the tower, such as Name, Type, Height, Location, Longitude, and Latitude.

6. **Sensor device settings**

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/sensor-device-settings.png)

   Enables users to configure threshold settings for each sensor point, ensuring accurate monitoring and early detection of deviations.

7. **Compass Map and Wind Speed Warning**

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/compass-map-and-wind-speed-warning.png)

   Integrates a compass map feature and activates wind speed warnings using an anemometer (e.g., with a preset limit of 50 m/s), allowing users to adjust the angle accordingly for optimal safety measures.

8. **Export log history threshold**

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/export-log-history-threshold.png)

   Enables users to export log history data to Excel format, allowing for detailed analysis and record-keeping. The exported data includes various columns such as status, sensor readings, wind speed, wind direction, date, and threshold values, facilitating comprehensive data analysis.

   ![](https://dikhimartin.vercel.app/assets/img/portfolio/inclinometer/export-log-history-threshold-excel.png)

   

#### Fullstack Website Developer Role {#fullstack-developer-role}

As a Fullstack Website Developer for Inclinometer Dashboard, I play a pivotal role in both frontend and backend development, contributing to the design, implementation, and maintenance of the entire platform. My responsibilities encompass:

1. Collaborating with hardware teams to interpret machine language output from MongoDB.
2. Designing and implementing backend functionality using Golang, ensuring robust APIs and efficient data processing.
3. Utilizing Vue.js for frontend development to create responsive and intuitive user interfaces.

#### Tech Stack {#tech-stack}

<table border="1" cellpadding="8" cellspacing="0" style="border-collapse: collapse; width: 100%;">
  <thead style="background-color: #f2f2f2;">
    <tr>
      <th style="width: 20%;">Area</th>
      <th style="width: 20%;">Technology</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td rowspan="2" style="vertical-align: top; background-color: #e6f7ff; font-weight: bold;">Backend</td>
      <td>Golang</td>
      <td>Utilized for backend development to create robust APIs and ensure efficient data processing.</td>
    </tr>
    <tr>
      <td>Repository Pattern</td>
      <td>Implemented to organize codebase and facilitate scalability and maintainability.</td>
    </tr>
    <tr>
      <td style="background-color: #fdf6f0; font-weight: bold;">Frontend</td>
      <td>Vue JS</td>
      <td>Employed for frontend development to create responsive and intuitive user interfaces.</td>
    </tr>
    <tr>
      <td style="background-color: #f6ffed; font-weight: bold;">Database</td>
      <td>MongoDB</td>
      <td>Chosen as the database solution to store and manage data efficiently, particularly suited for handling large volumes of data generated by the Inclinometer measuring devices.</td>
    </tr>
    <tr>
      <td style="background-color: #f9f9f9; font-weight: bold;">Caching</td>
      <td>Redis</td>
      <td>Implemented for caching to optimize performance by storing frequently accessed data in memory, reducing the load on the backend and enhancing overall system responsiveness.</td>
    </tr>
    <tr>
      <td style="background-color: #edf3ff; font-weight: bold;">Security & Auth</td>
      <td>JWT (JSON Web Tokens)</td>
      <td>Utilized for secure authentication and authorization, ensuring that only authenticated users can access sensitive data and perform authorized actions within the application.</td>
    </tr>
  </tbody>
</table>

### Conclusion {#conclusion}

Inclinometer Dashboard represents the pinnacle of innovation in tower inclination measurement and monitoring. With its advanced features, seamless integration, and user-friendly interface, it revolutionizes how professionals across industries ensure the stability and safety of vital structures. By leveraging a robust tech stack and addressing critical challenges in inclination monitoring, this platform sets a new standard for precision and reliability.


Home

Projects

Projecs Details

Previous

Next