GoodLeaf: Your Social Journey, Reimagined

Vatsal — Sun, 19 Jan 2025 22:22:38 +0000

This is a submission for the GitHub Copilot Challenge : Fresh Starts

What I Built

I built a platform that is an all-in-one solution for all the social requirements - let it be social event marketing/ creating awareness among people, solving doubts with a Smart AI assistant, or getting blood to save your loved one's lie.

Yes, you heard it right! The platform's USP lies in this flagship feature - LifeBridge, that notifies via various methods like email, and in-platform notifications and connects blood recipients with donors when they're in urgent need by matching their profile details, blood type, and location entered.

The community space allows people to share their thoughts and experiences about any activity they've been doing lately, or thoughts with pictures. You can like and comment on anyone's posts, showing support/agreeing with them.

The Events dashboard shows the latest social and impactful events (good for the environment and humanity) and their details like address, date, etc. It also provides an option to contact the organizing team.

The GreenGuardian AI assistant can answer your doubts/questions about the environment, sustainability, humanity, etc. It also suggests good traits that we should follow. Also, every account with GoodLeaf has a social score which is dynamically updated every 12 hours based on your posts and thoughts. These both use the gpt-4o model from GitHub models.

Demo

Here's the Deployed Web-app Link: https://goodleaf.vercel.app

Full Demo -

Repo

bevatsal1122 / GoodLeaf

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more…

View on GitHub

Copilot Experience

I used Copilot as a pair programmer to help me do simple tasks like fetching data from the database, validation, utility functions for parsing dates, etc. GitHub copilot smartly generates code based on the other context provided, which improves its debugging abilities and writes better code with background logic. Hence, overall it was a super amazing experience using GitHub copilot and it helped me so much for developing the project.

GitHub Models

Yes, I used the gpt-4o model as an AI assistant (GreenGuardian) and used it to especially facilitate information and guidance about environmental factors, social responsibility, etc. I also used to generate social scores for every individual which get updated after every 12 hours based on the engagement of the account on the platform and analyzing community posts. The extra-simple interface provided by GitHub models made it super easy to integrate them into apps faster. Hence, it was an amazing experience using GitHub models in the product and also proved seamless while testing.

Conclusion

I always like to solve actual real-world problems, hence I developed GoodLeaf - where kindness meets actions. It helps grow the community by advertising campaigns, finding donors, engaging with the community, and profiling with social score. Hence, it was an amazing experience building the web app, designing it for simplicity, a deeper understanding of where the problem lies, etc. I loved building this project.

Forem: Vatsal