Greency.Id: React with Material UI Grid & IoT Plant Monitor

• 

  Greency React IoT Dashboard UI

Inspiration

I wanted to build a tutorial that is not only practical and useful in the real-world but also helpful and useful as a base for a beginner to build a first React.js application. It is a combination of IoT Plant Monitoring and React beautified with Material-UI dashboard web application

What it does

It consists of two pages or views and several grid components on the home page. We used a create-react-app to setup a skeletal React.js application easily and Material-UI for styling. We fetched data from the REST API.

How I built it

I used React and Material-UI and various other packages

Accomplishments that I'm proud of

Building an end-to-end application for a beginner using React components

What I learned

I learnt more about Material-UI and documentation.

What's next for Greency.Id: React with Material UI Grid & IoT Plant Monitor

We want to make the app available as a react native application for mobile users.

Built With

• heroku
• javascript
• material-ui
• node.js
• postgresql
• react
• vercel