Thanks to visit codestin.com
Credit goes to Github.com

Skip to content

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.

Notifications You must be signed in to change notification settings

raufurislam/crowdcube

Repository files navigation

Crowdcube Icon Crowdcube

React
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/


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:
    git clone <repository-url>
  2. Navigate to the project directory:
    cd whereisit
  3. Install dependencies for both client and server:
    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:
    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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages