Imbedla Frontend React + Tailwind

Imbedla (Plant Monitoring and Care)

Imbedla is a web application (and app) to monitor houseplants and outdoor gardens, providing detailed information about the plant that the user has, including the current soil humidity, temperature, light intensity, among other important variables. The application will allow the users to distribute their houseplants and gardens by rooms, allowing a better and easy visualization of the information.

GitHub URL:

• Frontend

How to run

• npm run dev (development in localhost).

• npm run build (deployment to production).

• Backend

How to run

• go run server.go (development in localhost).
• go build server.go (deployment to production).

URL Deployed

• Frontend

• Backend

Current functionality

• Frontend

  • Flow for user authentification (login, logout and register).
  • CRUD support for plants (update in progress).
  • CRUD support for rooms (update in progress).
  • External API consultation for additional plants information.
  • Support to theme dark and light mode.
  • Support for set favorite plants.
  • Protected routes by JWT.
  • User session managed by Redux.

• Backend

  • Integretion of SQL databases.
  • JWT generation for authentification.
  • Full CRUD support for plants.
  • Full CRUD support for rooms.
  • MVC architecture.

Tech Stack:

• Golang (GoFiber Framework).
• Reactjs (Vite Framework).
• PostgresSQL.
• Tailwind (Material-Tailwind).

Libraries

• SweetAlert.
• SwiperJS.
• Formik.

Industry:

• Technology.
• Plants.
• SmartHome.

Target Audience:

• Anyone that has houseplants or gardens.

Similar projects:

• Xiaomi Mi Flower Care Plant Sensor.
• Wanfei Plants monitor.