https://github.com/crosbow/Crowdbube_frontend
Crowdcube is a platform for creating campaigns and raising funds for projects and causes. It offers easy donations and secure payments.
https://github.com/crosbow/Crowdbube_frontend
etc express javascript jwt mongodb mongodb-atlas reactjs tailwindcss
Last synced: 8 months ago
JSON representation
Crowdcube is a platform for creating campaigns and raising funds for projects and causes. It offers easy donations and secure payments.
- Host: GitHub
- URL: https://github.com/crosbow/Crowdbube_frontend
- Owner: jubayerahmed46
- Created: 2025-02-03T05:44:21.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-05T12:41:57.000Z (over 1 year ago)
- Last Synced: 2025-02-05T13:35:30.420Z (over 1 year ago)
- Topics: etc, express, javascript, jwt, mongodb, mongodb-atlas, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://crowdcude-fb127.web.app/
- Size: 296 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Crowdcube: A Crowd Funding Application (Frontend)
Crowdcube is a crowdfunding platform that allows users to raise funds for projects, ideas, and causes. It features campaign creation, donation management, and user authentication with a modern design.
## Live Website
- **Firebase**: [Crowdcube Firebase](https://crowdcude-fb127.web.app/)
- **Surge**: [Crowdcube Surge](https://crowdcube000001.surge.sh)
- **Vercel**: [Crowdcube Vercel](https://crowdcubefrontend.vercel.app/)
## Key Features
- **Responsive Design**: Works seamlessly on mobile, tablet, and desktop.
- **Dark/Light Theme**: Toggle themes for better accessibility.
- **Campaign Management**: Create, update, delete, and view campaigns with ease.
- **Donation System**: Donate to active campaigns and track contributions.
- **Authentication**: Secure login/register with email and Google.
- **Custom Error Handling**: Toast notifications for all messages.
- **Sort Functionality**: Sort campaigns by minimum donation amount.
## Technologies Used
- **Frontend**: React, React Router DOM, TailwindCSS, component libraries.
- **Backend**: Node.js, Express, MongoDB.
- **Hosting**: Vercel for client-side and server-side.
## Run the Project Locally
### Step-by-Step Guide
1. Clone the repositories:
- **Client-Side**:
```bash
git clone git@github.com:jubayerahmed46/Crowdbube_frontend.git
```
2. Navigate to the respective project directories:
- **Client-Side**:
```bash
cd Crowdbube_frontend
```
3. Install dependencies:
- **Client-Side**:
```bash
npm install
```
4. Add `.env` files:
- **Client-Side**: Add Firebase credentials in `.env`.
- **Server-Side**: Add MongoDB credentials in `.env`.
5. Start the servers:
- **Client-Side**:
```bash
npm run dev
```
## Repositories
- **Category**: Crowdfunding
- **Server-Side**: [Crowdcube Server-Side](https://github.com/programming-hero-web-course2/b10-a10-server-side-xubayers)
---
### Dependencies
- **React**: JavaScript library for building user interfaces.
- **TailwindCSS**: Utility-first CSS framework for rapid UI development.
- **React Router DOM**: Declarative routing for React apps.
- **Node.js**: JavaScript runtime for building server-side applications.
- **Express**: Web framework for Node.js.
- **MongoDB**: NoSQL database for storing application data.
- **Firebase**: Platform for authentication and hosting.
- **Vercel**: Deployment platform for front-end and back-end applications.