https://github.com/raufurislam/crowdcube
Crowdcube, a modern crowdfunding platform that empowers individuals and organizations to bring their ideas to life. Whether you’re looking to fundraise or support meaningful causes, our platform makes it seamless and transparent.
https://github.com/raufurislam/crowdcube
expressjs firebase javascript mongodb nodejs reactjs tailwindcss vercel
Last synced: 3 months ago
JSON representation
Crowdcube, a modern crowdfunding platform that empowers individuals and organizations to bring their ideas to life. Whether you’re looking to fundraise or support meaningful causes, our platform makes it seamless and transparent.
- Host: GitHub
- URL: https://github.com/raufurislam/crowdcube
- Owner: raufurislam
- Created: 2025-02-05T06:50:59.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T15:40:37.000Z (over 1 year ago)
- Last Synced: 2025-04-01T23:30:24.147Z (about 1 year ago)
- Topics: expressjs, firebase, javascript, mongodb, nodejs, reactjs, tailwindcss, vercel
- Language: JavaScript
- Homepage: https://crowdcube-a10.web.app/
- Size: 239 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
Crowdcube
[](https://react.dev/)
[](LICENSE)
Welcome to **[Crowdcube]**, a modern crowdfunding platform that empowers individuals and organizations to bring their ideas to life. Whether you’re looking to fundraise or support meaningful causes, our platform makes it seamless and transparent.
---
## 🚀 **Live Demo**
Check out the live site: [https://crowdcube-a10.web.app/](https://crowdcube-a10.web.app/)
---
## ✨ **Features**
1. **Dynamic Campaign Management**
Effortlessly create, manage, and track your fundraising campaigns with user-friendly tools.
2. **Responsive Design**
Fully responsive for an exceptional experience across all devices—mobile, tablet, and desktop.
3. **Secure Donations**
Robust and secure donation system with real-time tracking of contributions.
4. **User Authentication**
Sign up, log in, or authenticate with Google/GitHub for a personalized experience.
5. **Engaging Visuals**
Elegant animations and intuitive interfaces powered by Lottie React, Typewriter, and more.
6. **Dark/Light Theme Toggle**
Switch seamlessly between dark and light themes to suit your preferences.
---
## 🛠️ **Technologies Used**
- **Frontend:** React, Tailwind CSS, DaisyUI, Swiper.js
- **Backend:** Express.js, MongoDB
- **Hosting:** Firebase, Vercel
- **Authentication:** Firebase Authentication
---
## Dependencies
### Frontend:
- **React**: A JavaScript library for building user interfaces.
- **Tailwind CSS**: A utility-first CSS framework for designing responsive layouts.
- **DaisyUI**: A Tailwind CSS plugin for UI components.
- **Framer Motion**: A library for animations and interactive transitions.
- **React Router DOM**: A routing library for seamless navigation between pages.
- **React Icons**: A library to include icons in your React app.
- **SweetAlert2**: For elegant and customizable alert dialogs.
- **Axios**: A promise-based HTTP client for making requests.
### Backend:
- **Node.js**: JavaScript runtime environment.
- **Express.js**: Web framework for Node.js to build server-side applications.
- **MongoDB**: A NoSQL database for storing application data.
- **Firebase Authentication**: For user authentication (email/password and third-party providers like Google and GitHub).
### Development Tools:
- **Dotenv**: Loads environment variables from a `.env` file.
- **Cors**: A package to handle cross-origin resource sharing.
- **Body-Parser**: Middleware to parse incoming request bodies.
## How to Run Locally
1. Clone the repository:
```bash
git clone
```
2. Navigate to the project directory:
```bash
cd whereisit
```
3. Install dependencies for both client and server:
```bash
cd client
npm install
cd ../server
npm install
```
4. Add environment variables for Firebase and MongoDB in `.env` files for both client and server.
5. Run the client and server:
```bash
cd client
npm start
cd ../server
npm run start
```
6. Open `http://localhost:3000` in your browser to access the application.
---
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request or open an issue to discuss changes.
---
Thank you for checking out **WhereIsIt**! We hope this platform makes it easier for people to recover their lost items.