Inspiration
We researched for best project possible for well-being of Ecosysten using AI tool known as chatgpt and were inspired by the growing environmental issues like plastic pollution and energy waste. Many people want to live sustainably but often forget or donβt have a simple way to track their daily eco-friendly actions. Thus AI suggested us this idea and motivated us to create a tool that encourages small, consistent habits.
What it does
plastic, saving electricity, and using public transport. It helps users stay mindful and build consistency by saving their progresEco-Friendly Tracker is a simple web application that allows users to track their daily eco-friendly habits such as avoidings.
How we built it
We built this project using basic web technologies:
HTML for structure
CSS for styling
JavaScript for functionality
We used browser local storage to save user progress so that their data remains even after refreshing the page.
Challenges we ran into
Connecting files (HTML, CSS, JavaScript)
Deploying the project using GitHub PagesUnderstanding how to store and retrieve data using local storage
Fixing issues while
Accomplishments that we're proud of
de it accessibleSuccessfully built a fully working web app
Created a clean and simple user interface
Deployed the project online and executed
What we learned
Basics of web development (HTML, CSS, JavaScript)
How local storage works in browsers
How to host a project using GitHub Pages
Importance of teamwork and planning
What's next for Eco-Friendly Tracker
Add daily streak tracking π₯
Add progress charts and analytics π
Include more eco-friendly habits
Improve UI and make it mobile-friendly
Add user login and cloud storage
Built With
- chatgpt
- codesandbox
- css
- github
- html
- javascript
Log in or sign up for Devpost to join the conversation.