I built this platform using Vue.js to create a reactive user interface that enhances the overall experience. I integrated Select2 for advanced select box functionality, making it easy for users to filter and choose options. To improve loading times and provide visual feedback during data processing, I used Spin.js for loading animations and SweetAlert2 for stylish alert prompts. Additionally, I utilized Bootstrap for responsive design and layout, ensuring the platform is accessible and functional across various devices. This combination of tools creates a smooth and enjoyable shopping experience for users.

We use Vega Aries IoT v2.o as the microcontroller and with it we have connected turbidity and pH sensor. This is used to collect both the parameters from the water and show it in a dashboard

Hardware Components

The dashboard is built using HTML, CSS and JavaScript. It shows the real-time data of the water quality parameters such as pH and turbidity. It also shows the historical data of the water quality parameters.

Dashboard

The device generates data reports of the water quality parameters. The data reports are generated in the form of graphs and tables.

CookInMyHome

Project Description

Tech Stack Skills

Technologies used in the development of the project.

VueJS

Nuxt

Open Graph

JQuery

Screenshot Project