Crowdcube: Frontend

Live Site URL

[CrowdCube Live Link]

Overview

Crowdcube's frontend is built using React and Tailwind CSS to provide a responsive, user-friendly interface for our crowdfunding platform.

Features

• User-Friendly Navigation: A sleek navbar with login status adaptability.
• Responsive Design: Seamless experience on all devices - mobile, tablet, and desktop.
• Dynamic Content: Real-time display of running campaigns, user's campaigns, and donations.
• Form Validation: Comprehensive form validation for user registration and campaign creation.
• Real-Time Updates: Immediate feedback on actions with toast/sweet alert notifications.

Technologies Used

• Vite
• React
• React Router
• Tailwind DaisyUi CSS
• Firebase Authentication
• CRUD

NPM Packages Used

• Lottie React
• React Simple Typewriter
• React Awesome Reveal
• React Toastify
• Sweetalert2
• Swiper

Setup Instructions

1. Clone the repository.
2. Install dependencies using npm install.
3. Set up environment variables for Firebase.
4. Run the development server using npm run dev.
5. Deploy using Netlify or your preferred hosting service.