Building Better Together
What Inspired Me
The idea for Building Better Together came from observing how small, everyday actions—cleaning shared spaces, helping others, or caring for nature—often go unnoticed despite their real impact. I wanted to create a system that recognizes and rewards these positive habits, especially for young learners and communities. The goal was to make responsibility feel engaging rather than obligatory.
What I Learned
Through this project, I learned how habit-building can be reinforced using simple gamification principles like points, goals, and leaderboards. I also strengthened my understanding of React state management, component-driven UI design, and browser-based data persistence using localStorage. On a conceptual level, I learned that clarity and simplicity matter more than complex features.
How I Built the Project
The project was built using React (via CDN), Tailwind CSS for styling, and Font Awesome for icons. User data such as goals, points, and progress is stored locally to keep the system lightweight and accessible.
Challenges I Faced
One of the biggest challenges was handling JSX syntax correctly, especially when using dynamic class names and template literals. Managing state updates without accidentally overwriting stored data also required careful planning. Finally, balancing a visually rich interface with performance and simplicity was an ongoing design challenge—but it ultimately improved the quality of the final product.
Building Better Together proves that when technology meets purpose, even small actions can lead to meaningful change.
Log in or sign up for Devpost to join the conversation.