Skip to content

A crowdfunding website is a platform where people can raise money for different projects, ideas, or causes by inviting others to contribute financially. These projects can include personal needs (like medical expenses), creative ideas (like making a film or app), and startups (like launching a new product)

Notifications You must be signed in to change notification settings

Chitra35006/A-10-Crowdcube-Client

Repository files navigation

Project Name: Crowd Cube

:::Description:::

A crowdfunding website is a platform where people can raise money for different projects, ideas, or causes by inviting others to contribute financially. These projects can include personal needs (like medical expenses), creative ideas (like making a film or app), and startups (like launching a new product)

:::Project Features:::

  1. Responsive Design
  2. Firebase Authentication
  3. All Campaign
  4. My Campaign
  5. Add New Campaign Page
  6. Private Routes
  7. MongoDB Dynamic data
  8. User Friendly Interactivity

::: Technologies Used :::

Category Technologies
Frontend React.js, TailwindCSS, Daisy UI
Backend Node.js, Express.js
Database MongoDB
Authentication Firebase Authentication
Hosting Client (Firebase), Server (Vercel)

::: Dependencies :::

  • @fortawesome/free-solid-svg-icons: ^6.7.1
  • @fortawesome/react-fontawesome: ^0.2.2
  • @tippyjs/react: ^4.2.6
  • date-fns: ^4.1.0
  • firebase: ^11.0.2
  • localforage: ^1.10.0
  • match-sorter: ^8.0.0
  • react: ^18.3.1
  • react-awesome-reveal: ^4.2.14
  • react-axios: ^2.0.6
  • react-datepicker: ^7.5.0
  • react-dom: ^18.3.1
  • react-icons: ^5.4.0
  • react-loader-spinner: ^6.1.6
  • react-router-dom: ^7.0.2
  • react-simple-typewriter: ^5.0.1
  • react-toastify: ^10.0.6
  • react-tooltip: ^5.28.0
  • sort-by: ^1.2.0
  • sweetalert2: ^11.14.5
  • swiper: ^11.1.15

::: Live Link :::

https://a-10-crowd-cube.web.app

🛠 Setup Instructions

Follow these steps to clone the repository, install dependencies, and run the project on your local machine.

1. Clone the Repository

Start by cloning the repository to your local machine and navigating into the project directory:

git clone https://github.com/Chitra35006/A-10-Crowdcube-Client.git
cd A-10-Crowdcube-Client

Install the necessary dependencies using your preferred package manager (npm or yarn):

# Using npm
```bash
npm install

# Or using yarn
```bash
yarn install
 Create a .env file in the root directory of the project:
```bash
touch .env
Addd the following variables to your .env file:

env
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_messaging_sender_id
VITE_appId=your_app_id


4. Run the Application
You're all set to run the application locally.

bash
# Using npm
npm run dev

# Or using yarn
yarn

5. Access the Application
Open your web browser and navigate to:

http://localhost:5173

About

A crowdfunding website is a platform where people can raise money for different projects, ideas, or causes by inviting others to contribute financially. These projects can include personal needs (like medical expenses), creative ideas (like making a film or app), and startups (like launching a new product)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published