Skip to content

Ahsan-1015/Crowd-Cube-Client

Repository files navigation

🚀 Crowdcube: Empowering Dreams Through Crowdfunding 🌟

"Turn your ideas into reality, one contribution at a time."

Welcome to Crowdcube, an innovative crowdfunding platform connecting campaign creators with generous donors. Whether it’s a startup, a personal issue, a creative project, or a business idea, Crowdcube makes it easier to fund what matters.


🌐 Live Website

➡️ Visit Crowdcube


🎯 Core Features

🛠️ Comprehensive Campaign Management

  • Add new campaigns with details like images, descriptions, donation goals, and deadlines.
  • Update or delete campaigns directly through a secure and intuitive interface.

🔒 Protected Routes

  • Only authenticated users can access sensitive routes like adding campaigns or viewing donations.

💰 Smart Donation System

  • Donate to active campaigns with real-time database updates.
  • Automatic prevention of donations to expired campaigns, with friendly notifications.

📱 Responsive Design

  • Fully optimized for mobile, tablet, and desktop views.

👨‍💻 Dynamic Authentication

  • Email/password-based login and registration.
  • Google login integration for seamless access.

Why Crowdcube Stands Out

  • 🎨 Aesthetic Design: A unique, sleek, and modern user interface that stands apart.
  • 🔄 Interactive Features:
    • Eye-catching banner sliders.
    • Smooth animations powered by Lottie React and React Awesome Reveal.
  • 📊 Advanced Sorting: Sort campaigns by minimum donation amount for easy navigation.
  • 🌗 Dark/Light Mode: Toggle themes for a personalized user experience.
  • 🧹 Clean UX: No Lorem Ipsum! Every message, alert, and label is crafted for clarity and professionalism.

📌 Key Pages

🔗 Home

  • A welcoming banner slider with impactful visuals.
  • Highlights 6 active campaigns in a Running Campaigns section.
  • Two additional sections for engaging content.

🔗 Add Campaign

  • A private route where users can submit their campaigns with detailed forms.

🔗 Campaign Details

  • Comprehensive campaign information with a “Donate” button.
  • Restricted donations for expired campaigns.

🔗 All Campaigns

  • A table view of all campaigns, complete with sorting functionality.

🔗 My Campaigns

  • A private view for users to manage their added campaigns.
  • Includes Update and Delete functionality.

🔗 My Donations

  • A personal dashboard for tracking donations made by the user.

🛠️ Tech Stack

Frontend

  • React.js: For dynamic user interfaces.
  • Tailwind CSS: For rapid, responsive design.

Backend

  • Node.js & Express.js: For server-side operations.
  • MongoDB: For a scalable, document-based database.

Authentication

  • Firebase Authentication: For secure login and registration.

Hosting

  • Client: Firebase
  • Server: Vercel

🚦 Deployment Highlights

  • Environment Variables: Ensures secure handling of Firebase and MongoDB credentials.
  • Error-Free Routing: No errors when refreshing or navigating through protected routes.

🏆 Notable Features

  • 🌟 Advanced Animations: Added interactivity with React Lottie and React Awesome Reveal.
  • 🚀 Optimized Loading: Loading spinners for enhanced user experience.
  • 🛡️ Secure Operations: Private routes ensure data security.
  • 🎉 Toast Notifications: Friendly, professional alerts for success and errors.

🧩 Setup Guide

Clone the Repository:

git clone https://github.com/your-username/crowdcube-client.git
git clone https://github.com/your-username/crowdcube-server.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors