Eco Defender

Inspiration

Eco Defender was inspired by the desire to combine environmental responsibility with an engaging and fun gaming experience. We wanted to create an app that motivates people to clean their homes and cities, making the world a healthier place while protecting it from imaginative alien invaders.

What it does

Eco Defender gamifies environmental stewardship by assigning users tasks to clean their homes and cities. Users can mark tasks as completed, and the app tracks the cleanliness progress. Additionally, it features a 3D globe chart showing cities infected by aliens and other charts displaying the impact of the alien invasion.

How we built it

We built the front-end of Eco Defender using React and Tailwind CSS for the user interface. The application includes interactive todo lists for cleaning tasks and visual representations of alien-infected cities using 3D charts and graphs.

Challenges we ran into

One of the main challenges was designing an intuitive user interface that effectively combines task management with engaging visual elements. We also faced difficulties in ensuring the 3D charts were both informative and visually appealing.

Accomplishments that we're proud of

We are proud of creating a unique and engaging concept that encourages environmental responsibility. Successfully integrating interactive todos and 3D visualizations into the app's front-end was a significant accomplishment.

What we learned

Through this project, we learned a lot about front-end development, specifically working with React and Tailwind CSS. We also gained experience in integrating 3D charts and visual elements to enhance user engagement.

What's next for Eco Defender

The next steps for Eco Defender include developing the back-end to support user accounts and real-time data updates. We also plan to add more features, such as community challenges and rewards, to further motivate users to participate in environmental activities.

Built With

• charts
• react
• tailwind
• vercel