Venusian
Back to projects
•
3 min read
FundWave

FundWave is a platform designed to make fundraising easy and accessible. Whether you’re raising funds for a personal cause, community project, or charitable organization, FundWave provides a seamless and user-friendly experience.

Features

  • Campaign Management: Create and manage fundraising campaigns effortlessly with custom details such as minimum donation amount, deadlines, and more.
  • Secure Donations: Support campaigns securely with options to track your contributions.
  • Dynamic Sorting: Sort campaigns by minimum donation amount to find causes that fit your budget.
  • Real-Time Updates: View live updates of ongoing campaigns and donations.
  • Responsive Design: Access FundWave on any device with a fully responsive and modern user interface.

Tech Stack

  • Frontend: React, React Router DOM, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • Hosting: Firebase

Dependencies

Here are the key dependencies required for this project:

Core Dependencies

  • react ^18.3.1: A JavaScript library for building user interfaces.
  • react-dom ^18.3.1: React package for working with the DOM.
  • react-router-dom ^7.0.2: Declarative routing for React.
  • tailwindcss ^3.4.15: A utility-first CSS framework for styling.

Additional Dependencies

  • @react-icons/all-files ^4.1.0: Collection of popular icons for React.
  • firebase ^11.0.2: Backend as a service for authentication and hosting.
  • react-tooltip ^5.28.0: Tooltips for React elements.
  • react-modal ^3.16.1: Accessible modal dialogs for React.
  • swiper ^11.1.15: Carousel/slider functionality.
  • sweetalert2 ^11.14.5: Beautiful and customizable alerts.

Development Dependencies

  • vite ^6.0.1: Fast development server and build tool.
  • eslint ^9.15.0: Linting for JavaScript and React code.
  • postcss ^8.4.49: CSS transformations and processing.
  • daisyui ^4.12.14: Tailwind CSS plugin for component styling.

Refer to package.json for a complete list of dependencies.

Installation

To set up the project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/yourusername/fundwave.git

  2. Navigate to the project directory:

    cd fundwave

  3. Install dependencies:

    npm install

  4. Start the development server:

    npm run dev

Usage

Once the project is set up, you can:

  1. Start the Development Server:
    Run the following command and access the project at http://localhost:5173/:

    npm run dev

  2. Build for Production:
    Create a production-ready build using:

    npm run build

  3. Preview the Production Build:
    After building, preview the app with:

    npm run preview

  4. Deploy:
    Follow Firebase deployment commands to host your app:

    firebase deploy