Crowdcube Application

Welcome to the Crowdcube Application, a modern crowdfunding platform developed to connect users with causes they care about. Built using cutting-edge technologies like React, Node.js, Express, MongoDB, and Firebase, this application provides a seamless user experience for both campaign creators and donors.

Live Website

Visit the Crowdcube Application

---

Key Features

• Responsive Design: Optimized for mobile, tablet, and desktop, ensuring an exceptional user experience across all devices.
• Dynamic Campaign Management: Users can create, update, and view detailed campaigns in real time with data fetched dynamically from MongoDB.
• Engaging User Interface: Modern animations and intuitive layouts, designed with React and Tailwind CSS, make navigation enjoyable.
• Secure Transactions: Powered by Firebase Authentication, ensuring user data is protected and secure.
• Interactive Notifications: Feedback mechanisms implemented with React-Toastify and SweetAlert2 enhance user engagement.

---

Frontend Dependencies

The frontend of this project utilizes a range of modern libraries and frameworks:

"dependencies": {
  "axios": "^1.7.9",
  "firebase": "^11.0.2",
  "localforage": "^1.10.0",
  "match-sorter": "^8.0.0",
  "react": "^18.3.1",
  "react-datepicker": "^7.5.0",
  "react-dom": "^18.3.1",
  "react-icons": "^5.4.0",
  "react-router-dom": "^7.0.2",
  "react-simple-typewriter": "^5.0.1",
  "react-slick": "^0.30.2",
  "react-toastify": "^10.0.6",
  "slick-carousel": "^1.8.1",
  "sort-by": "^1.2.0",
  "sweetalert2": "^11.14.5",
  "sweetalert2-react-content": "^5.0.7",
  "swiper": "^11.1.15"
}

---

Backend Dependencies

The backend is robustly designed with the following tools:

"dependencies": {
  "cors": "^2.8.5",
  "dotenv": "^16.4.7",
  "express": "^4.21.1",
  "mongodb": "^6.11.0",
  "node": "^22.12.0",
  "nodemon": "^3.1.7"
}

---

How to Run Locally in Client side

1. Clone the repository:

   git clone https://github.com/programming-hero-web-course2/b10-a10-client-side-swapnilahmedshishir

2. Navigate to the project folder and install dependencies:

   cd CrowdcubeApplicationClient
   npm install

3. Start the frontend:

   npm run dev

4. Visit http://localhost:5173 in your browser to explore the application.

---

---

How to Run Locally in server side

1. Clone the repository:

   git clone https://github.com/programming-hero-web-course2/b10-a10-server-side-swapnilahmedshishir

2. Navigate to the project folder and install dependencies:

   cd CrowdcubeApplicationServer
   npm install

3. Start the frontend:

   npm run dev or npm run start

4. Add the .env file and set MongoDB username and Password.

5. Visit http://localhost:5001 in your browser to explore the application.

---

Hosting use

1. frontend:

   firebase deploy

2. server:

   vercel

---

Developer Info

Hi, I'm Swapnil Ahmed Shishir, a passionate web developer. This project showcases my expertise in creating modern web applications with React, MongoDB, and Firebase.
Feel free to connect for collaborations or feedback!

---