https://github.com/sahariorridoy/crowdcube-funding-client
A crowdfunding platform where users can create, manage, and donate to fundraising campaigns. Built with React, Firebase Authentication, and an Express.js + MongoDB backend.
https://github.com/sahariorridoy/crowdcube-funding-client
animation-css daisy-ui dynamic-api express-js firebase-auth mongodb-database node-js npm react tailwindcss
Last synced: 2 months ago
JSON representation
A crowdfunding platform where users can create, manage, and donate to fundraising campaigns. Built with React, Firebase Authentication, and an Express.js + MongoDB backend.
- Host: GitHub
- URL: https://github.com/sahariorridoy/crowdcube-funding-client
- Owner: SahariorRidoy
- Created: 2025-01-16T07:12:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T15:02:34.000Z (over 1 year ago)
- Last Synced: 2025-07-20T16:27:53.917Z (11 months ago)
- Topics: animation-css, daisy-ui, dynamic-api, express-js, firebase-auth, mongodb-database, node-js, npm, react, tailwindcss
- Language: JavaScript
- Homepage: https://crowd-funding-df6e1.web.app/
- Size: 2.88 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💰 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](https://crowd-funding-df6e1.web.app/)
🔗 **Backend API**: [CrowdCube Backend](https://crowdfunding-theta-three.vercel.app)
---
## 📸 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
```sh
git clone https://github.com/your-repo/crowdcube.git
cd crowdcube
```
2️⃣ Install Dependencies
```sh
npm install
```
3️⃣ Setup Environment Variables
Create a .env file and add the required Firebase and MongoDB credentials:
```sh
MONGO_URI=your_mongodb_connection_string
FIREBASE_API_KEY=your_firebase_api_key
```
4️⃣ Start the Backend Server
```sh
cd backend
npm install
npm start
```
5️⃣ Run the Frontend
```sh
cd frontend
npm install
npm run dev
```
🌍 Live Project Links
Live Website: [CrowdCube Fundraising Web App](https://crowd-funding-df6e1.web.app/)
Backend API: https://crowdfunding-theta-three.vercel.app/