Skip to content

Latest commit

 

History

History
120 lines (69 loc) · 3.58 KB

README.md

File metadata and controls

120 lines (69 loc) · 3.58 KB

Cigritous Website / Webserver

This website is a platform that is useful for monitoring and controlling drones in performing their tasks. This website consists of 3 pages, namely the dashboard page, about page, and control page. This website is connected to MQTT as communication for ESP32 and PostgreSQL for DBMS.

You can see the results of the finished website by clicking the following link: www.cigritous.tech

Installation

git clone -b web_server https://github.com/rotary-auav-ui/cigritous.git

Dependencies

Node.js

Installation

PostgreSQL

Installation

React.js


Then configure the environment variable, etc according to your setup

Usage

Change directory to use front-end or back-end


Front End

cd cigritous/web-server/front-end-main

Back End

cd cigritous/web-server/new-back-end

npm install
npm start

npm start will run the app in the development mode.

Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.

You may also see any lint errors in the console.

Back End: http://localhost:5000/updatecentral to get central Node data.

You can add API for doing get or post data from database. Example : http://localhost:5000/updatecentral for get data central Node.

npm test

Launches the test runner in the interactive watch mode

npm run build

Builds the app for production to the build folder It correctly bundles React in production mode and optimizes the build for the best performance

The build is minified and the filenames include the hashes Your app is ready to be deployed!

Dashboard Page

Useful for determining many nodes, monitoring the position of the drone in real time, monitoring various available parameters such as temperature, humidity, moisture, and others. On this page there is also a record graph that is useful for viewing the history of the state of plant nodes.

Gambar Dashboard

Gambar Dashboard

Gambar Dashboard

Gambar Dashboard

Gambar Dashboard


About page

This page contains some documentation of the drone at work and the background of the cigritous project.

Gambar Dashboard


Controls page

On this page the user can perform an activity related to the drone such as, take off, landing, and activate the crow detection mode. On this page users can also see the status of the drone such as drone status, battery status, drone location, drone speed, and others.

Gambar Dashboard

Gambar Dashboard)

Gambar Dashboard

Gambar Dashboard