💰 CrowdCube Fundraising Web App

A crowdfunding platform that connects campaign creators with potential donors. Users can create, manage, and donate to campaigns aimed at funding various causes, projects, or goals. The platform is built with React, Firebase Authentication, and a MongoDB backend powered by Express.js.

🔗 Live Site: CrowdCube Fundraising Web App

🔗 Backend API: CrowdCube Backend

---

📸 Screenshot

---

🚀 Features

✅ User Registration & Authentication (Firebase)
✅ Create & Manage Fundraising Campaigns
✅ View & Donate to Campaigns
✅ Mobile-Responsive UI
✅ Edit or Delete Campaigns
✅ Express.js API with MongoDB
✅ Secure Login & Logout System

---

🛠 Technologies Used

• Frontend: React.js, Firebase Authentication
• Backend: Node.js, Express.js
• Database: MongoDB
• Hosting: Firebase (Frontend), Vercel (Backend)
• State Management: React Hooks

---

📦 Dependencies

Frontend Dependencies:

• react - Frontend library
• react-dom - DOM bindings for React
• react-router-dom - Routing library
• firebase - User authentication
• axios - API requests handling
• react-hook-form - Form management
• sweetalert2 - User-friendly popups
• react-icons - Icon library

Backend Dependencies:

• express - Web framework for Node.js
• mongoose - MongoDB ODM
• cors - Cross-Origin Resource Sharing
• dotenv - Manage environment variables
• nodemon - Development server auto-restart

---

🛠 Installation & Setup

Follow these steps to run the project locally:

1️⃣ Clone the Repository

git clone https://github.com/your-repo/crowdcube.git
cd crowdcube

2️⃣ Install Dependencies

npm install

3️⃣ Setup Environment Variables Create a .env file and add the required Firebase and MongoDB credentials:

MONGO_URI=your_mongodb_connection_string
FIREBASE_API_KEY=your_firebase_api_key

4️⃣ Start the Backend Server

cd backend
npm install
npm start

5️⃣ Run the Frontend

cd frontend
npm install
npm run dev

🌍 Live Project Links Live Website: CrowdCube Fundraising Web App
Backend API: https://crowdfunding-theta-three.vercel.app/