The Green Life

landing page
admin

Inspiration

We truly love our environment! That passion alone is a powerful driving force behind this project. Hearing about environmental degradation saddens us, so we decided to take action—thus, The Green Life was born.

What it does

We have 2 perspectives over here, firstly, as a user / volunteer, donor, one can come on to our platform, apply on active campaigns, see the cause, and also donate money as their will. Each donation, at a particular amount we plant a tree for that individual, with their name. This can be viewed with our 3D model land that we made. So everyone can come on the platform, see the metrics, view the analytics, and decide if they wanna be a part of this cause.

Secondly as an admin / owner, you can really manage everything, create campaigns, review applications sent by volunteers, send emails, send social media posts cross platform, see user feedback, have a complete dynamic dashboard to monitor progress.

How we built it

We built this project as a team of 2, our tech is majorly Nextjs, for 3D part we used threejs, for backend we used supabase, for version control we used github, moreover for styling we used tailwind css & shadcn, and lastly to send mails we used Resend.

Challenges we ran into

We majorly ran into dealing with merge conflicts, tree models, database syncing, realtime updates, but we figured our way out & deployed the entire project on Vercel.

Accomplishments that we're proud of

I guess, we are most proud about that we were able to finish of this huge project under 24 hours, and especially being able to visualise lands in 3D model with real time updates.

What we learned

We learned alot about syncronisation, in general and from tech perspective, we learnt quite about threejs, actual models, their implementations and definitely much more.