Skip to content

asm-shad/dream-bridge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Dream Bridge: A Crowdfunding Application

Dream Bridge is an innovative crowdfunding platform that empowers individuals to raise funds for various causes, personal needs, and creative projects. With an intuitive interface and advanced features, Dream Bridge provides users with an efficient way to connect with contributors and make a difference.

Visit Dream Bridge


🌟 Features

  • User-Friendly Interface: A responsive design for seamless use across mobile, tablet, and desktop devices.
  • Secure Authentication: Email-based login and registration with password validation. Supports Google authentication.
  • Running Campaigns: Explore campaigns with an active deadline and contribute easily.
  • User-Specific Management:
    • Add new campaigns.
    • Manage your campaigns with update and delete options.
    • Track all donations made by you.
  • All Campaigns View: Browse all ongoing campaigns with sorting functionality by donation amount.
  • Donation System: Contribute to active campaigns with a minimum donation amount.
  • Protected Routes: Ensure secure access to private features like "My Campaigns" and "My Donations."
  • Dark/Light Theme Toggle: Experience a personalized user interface.
  • Error Handling: Custom 404 page and meaningful error messages using toast notifications.
  • Unique Design: A fresh, attractive layout tailored for impactful crowdfunding experiences.

📂 Folder Structure

  • Client Side: Built using React.js for a dynamic single-page application.
  • Server Side: Node.js and Express.js handle backend functionalities.
  • Database: MongoDB for reliable and scalable data storage.

🛠️ Tech Stack

  • Frontend: React.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Hosting:
    • Client: Firebase
    • Server: Vercel

📜 Main Functionalities

  1. Home Page: Featuring a slider, running campaigns, and additional informational sections.
  2. Campaign Details Page: Displays all campaign details with the ability to donate to active campaigns.
  3. Add Campaign: Users can add a campaign with comprehensive details like title, type, and deadline.
  4. My Campaigns: Manage user-specific campaigns with options to update or delete.
  5. My Donations: Track all donations made, displayed in an interactive card format.
  6. All Campaigns: View and sort all campaigns in the database.

🎯 Challenges Implemented

  • Dark/Light Theme Toggle
  • Interactive Animations: Used Lottie React and React Awesome Reveal for enhanced visual effects.
  • Sort Functionality: Sort campaigns based on minimum donation amounts.

💻 Development Highlights

  • Notable Commits:
    • Client Side: 15+ significant commits for interface and feature implementation.
    • Server Side: 8+ commits focused on backend routes and data handling.
  • Environment Variables: Firebase and MongoDB credentials securely managed.
  • No Lorem Ipsum: All content is meaningful and relevant.

🔗 Hosting and Deployment


📢 Contributions

Dream Bridge is a collaborative effort. Suggestions and contributions are welcome to enhance the platform. Feel free to fork the repository and submit pull requests!

Together, let's build bridges to dreams!

About

Project on online funding.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published