• 

  Landing Page

🌍 About the Project — BrightAid: Modern Crowdfunding Platform 💡 Inspiration

I’ve always admired how online crowdfunding platforms bring people together to support meaningful causes — from medical emergencies to education and community projects. That idea inspired me to build BrightAid, a modern and minimalistic crowdfunding app where anyone can start a campaign, share their story, and raise funds to make an impact.

⚙️ Tech Stack

Next.js 15 (App Router) — for a fast, modern, and SEO-friendly architecture

Supabase — for authentication, database, and API management

Tailwind CSS — for creating a clean and responsive design

React Hooks — for managing state and form interactivity

🏗️ How I Built It

I began by setting up Supabase authentication, allowing users to sign in with Google. Once the user logs in, they can create a fundraising campaign through a detailed form that includes:

Title, category, and goal amount

Deadline and description

Campaign image with real-time preview

The form sends data securely to my Next.js API routes, which verify the user’s Supabase token before inserting campaign details into the database. This ensures that only authenticated users can create campaigns.

🧠 What I Learned

How to integrate Supabase Auth with Next.js App Router

Managing JWT tokens and protecting API routes

Handling image uploads and real-time previews in React

Building responsive and accessible UI with Tailwind CSS

Structuring a project for scalability and clean code

Mathematically speaking, if 𝐿 L represents learning and 𝐷 D represents daily practice:

𝐿

𝐷 × ( Consistency + Curiosity ) L=D×(Consistency+Curiosity)

That’s the mindset that helped me keep improving every day.

🧩 Challenges Faced

Dealing with “Unauthorized” errors when verifying Supabase tokens

Handling foreign key constraints in the database

Ensuring smooth client-server communication

Debugging authentication flow and session persistence

Each challenge pushed me to better understand how authentication and backend logic work in modern full-stack apps.

🚀 Future Improvements

Add a donation system (Stripe or PayPal integration)

Create a campaign discovery and browsing page

Implement progress bars for fundraising goals

Add profile pages and social sharing features

📚 Conclusion

Building BrightAid has been a great learning journey — from handling authentication and databases to designing an engaging UI. Even though it’s still in progress, I’m proud of how much I’ve learned while developing it and how it’s shaping my skills as a full-stack developer.

Built With

• framermotion
• nextjs
• node.js
• react
• sql
• supabase