https://github.com/sajjad244/crowdcube-client
Crowdcube is a crowdfunding platform that enables users to raise funds for projects, ideas, and causes by inviting others to contribute. It offers a secure, user-friendly way to fundraise and encourages community support.
https://github.com/sajjad244/crowdcube-client
expressjs firebase javascript mongodb nodejs react tailwind
Last synced: 3 months ago
JSON representation
Crowdcube is a crowdfunding platform that enables users to raise funds for projects, ideas, and causes by inviting others to contribute. It offers a secure, user-friendly way to fundraise and encourages community support.
- Host: GitHub
- URL: https://github.com/sajjad244/crowdcube-client
- Owner: sajjad244
- Created: 2024-12-20T18:37:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T23:22:08.000Z (over 1 year ago)
- Last Synced: 2025-01-08T00:26:08.586Z (over 1 year ago)
- Topics: expressjs, firebase, javascript, mongodb, nodejs, react, tailwind
- Language: JavaScript
- Homepage: https://crowdcube-project-4af20.web.app/
- Size: 110 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crowdcube: A Crowdfunding Application
## Project Overview
Crowdcube is a crowdfunding platform designed to help individuals and organizations raise money for a variety of projects, ideas, and causes. The platform allows users to invite others to contribute financially to their initiatives, whether it’s for personal needs, creative endeavors, or startup ventures.
This project aims to provide a user-friendly and secure way to fundraise, promoting collaboration and community involvement for diverse causes.
## Live Demo
You can view the live version of the Crowdcube application here:
[Live Demo](https://crowdcube-project-4af20.web.app/)
---
## Main Technologies Used
- **React**: JavaScript library for building user interfaces.
- **Firebase**: For user authentication and backend services.
- **TailwindCSS & DaisyUI**: For responsive UI and styling.
- **React Router**: For handling page navigation within the application.
- **React Awesome Reveal**: For smooth page transitions and animations.
- **react-simple-typewriter**: For typewriter animations in project titles and headers.
- **React Hot Toast**: For real-time notifications and alerts.
---
## Features
- **User Authentication**: Secure login and sign-up with Firebase integration.
- **Project Creation**: Users can create and manage fundraising campaigns for their projects.
- **Donation System**: Easy and secure payment processing for contributors to donate to projects.
- **Project Display**: Showcase campaigns with details like goals, descriptions, and progress.
- **Typewriter Animation**: Attractive animations for project titles and headers.
- **Real-time Notifications**: Alerts for updates on the status of projects.
- **Responsive Design**: Fully responsive UI with TailwindCSS and DaisyUI.
- **Smooth Animations**: Implementing beautiful page transitions and scroll effects.
---
## Dependencies
Here are the main dependencies used in this project:
### Frontend
- `react`: "^18.3.1"
- `react-router-dom`: "^6.28.0"
- `react-icons`: "^5.4.0"
- `react-awesome-reveal`: "^4.2.14"
- `react-hot-toast`: "^2.4.1"
- `react-simple-typewriter`: "^5.0.1"
- `tailwindcss`: "^3.4.15"
- `daisyui`: "^4.12.23"
- `sweetalert2`: "^11.6.13"
- `firebase`: "^11.0.2"
### Development
- `vite`: "^6.0.1"
- `eslint`: "^9.15.0"
- `postcss`: "^8.4.49"
- `autoprefixer`: "^10.4.20"
- `@vitejs/plugin-react`: "^4.3.4"
---
## Running the Project Locally
To get started with the Crowdcube application, follow the instructions below to set up the project locally.
### Prerequisites
- **Node.js** (version 16 or above)
- **npm** or **yarn** (Package manager)
### Steps to Run Locally
1. **Clone the Repository**
Clone your project repository:
```bash
git clone https://github.com/your-username/crowdcube.git
```