Ecohabit

screenshot of Ecohabit
express
react
material-ui

EcoHabit is a web app project that aims to create awareness of the environment and help people build environmental friendly habits.

Overview:

EcoHabit is a web app project designed to create awareness and encourage environmentally friendly habits. The app tracks users' activities such as recycling, commuting, and eating, and visualizes their habits. It also provides users with information on the closest recycling locations and instructions on how to properly recycle various materials. The frontend of the app is built using React and Material UI, while the backend is built using NodeJS/ExpressJS and MongoDB as the database.

Features:

  • Habit tracking and visualization of users' activities
  • Encouragement for users to improve their habits with alternative options
  • Information on the closest recycling locations
  • Clear instructions on how to properly recycle each material
express
Express

Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.