CleanupHub

About CleanupHub

What Inspired Me The growing issue of pollution and its impact on our planet inspired me to create CleanupHub. I’ve always believed that small, collective actions can lead to significant change, but I noticed how difficult it can be for people to find or organize clean-up events in their communities. I wanted to build something that could bring eco-conscious individuals together, making it easier to take action and make a difference.

What I Learned Creating CleanupHub was a journey filled with learning. I gained a deeper understanding of what makes a project user-friendly and impactful. From tackling technical challenges to ensuring the app stayed true to its eco-friendly mission, I learned how important it is to keep the user’s needs at the center of every decision. This project also improved my skills in full-stack development and project planning. Additionally, integrating tools like Stripe for payments and OpenStreetMap for event location mapping was a challenge that taught me a lot about working with APIs and handling technical roadblocks.

How I Built CleanupHub I built CleanupHub from the ground up using the following tools:

Frontend: Next.js to create a responsive and interactive interface. Backend: Supabase and tRPC for database management, and NextAuth for authentication. Database: Drizzle ORM for handling database operations efficiently. Design: I used Figma to prototype and design a minimalistic, intuitive user experience. Future Plans: I plan to expand CleanupHub by creating a React Native app for mobile users, improving code consistency, and making the platform more user-friendly.

Challenges I Faced

Time Management: Building a fully functional app in a limited time frame pushed me to prioritize features and stay focused. Balancing Simplicity and Functionality: It was challenging to design a simple yet powerful interface that works for both event organizers and participants. Technical Hurdles: Learning to integrate Stripe and OpenStreetMap was a steep learning curve, but it helped me grow as a developer and problem-solver. Attention to Detail: I'm deeply attached to ensuring that every element on my page works seamlessly. From static websites to the contact form, I made sure everything that users see and interact with functions as intended.

Conclusion CleanupHub is more than just a project for me—it’s a reflection of my passion for making a positive environmental impact. I loved the opportunity this hackathon gave me to learn, grow, and create something meaningful. I’m proud of what I’ve accomplished, and I hope this platform empowers others to come together and create a cleaner, greener future. In the future, I plan to make the app even more consistent, user-friendly, and impactful.

Built With

• drizzle
• figma
• framer-motion
• heroku
• nextjs
• openstreetmap
• react
• resend
• shadcnui
• stripe
• supabase
• tailwindcss
• trpc