Impact Trail

Landing Page
Reporting Problem Page
Quest Page
Global Leaderboard
Profile Page

Inspiration: We are all teenagers in this generation that know we have the ability to make the world a better place. Creating an app like Impact Trail is a perfect opportunity for people in our community to take a step forward and make a change.

What it does: Gamifies community voluntary work, giving users incentive to do more voluntary work and also give them a way to easily find opportunities to give back to the community.

How we built it : We built this using next.js, typescript, shad cn and tailwindcss for the frontend. For the backend we used supabase and vercel for deployment, along with a Gemini API.

Challenges we ran into : We had challenges in designing effective front end pages and connecting Gemini API into the Supabase to summarize Quest details. We had to minimize the amount of space used up in the Supabase to make sure we were in the limits for the free tier as well.

Accomplishments that we're proud of : Creating a proper database that processes and handles the data specifically for us. UI/UX design in making our end product look good. Ideation since overall the project idea took multiple hours to come up with and resonated with all of our members.

What we learned : We learned how to connect Gemini API to databases. We also learned the usage of tailwindcss in the frontend and shadcn in the UI/UX component.

What's next for ImpactTrail : We plan to make this into a mobile app in the future and more features planned around adding maps and location based services. We also plan to partner with companies like small coffee shops to redeem points gained in this game for a quick coffee to go.

Discord Handles:{ rida_neu dastar74 candadisarealcountry red.jacket. yashkishore1 }