CrowdHex is an intuitive and powerful crowdfunding platform designed to empower individuals and organizations. By connecting campaign creators with supporters, CrowdHex helps bring innovative ideas, personal goals, and community projects to life. With user-friendly features, a modern aesthetic, and a secure environment, CrowdHex ensures an exceptional experience for both campaigners and donors.
- Secure and seamless user authentication using Firebase Authentication.
- Features include login, registration, and logout functionality.
- Forgot password support for easy account recovery.
- Create Campaigns: Users can create campaigns by providing details such as a title, description, goal amount, and image.
- Update Campaigns: Edit campaign details as needed to reflect changes.
- Campaign Tracking: Monitor campaign progress in real-time, with clear visual indicators for funds raised.
- Donate directly to campaigns with a simple and secure interface.
- Track your donations on a dedicated My Donations page with detailed information such as campaign title, amount donated, and date of donation.
- Optimized for all devices, including desktops, tablets, and smartphones.
- Modern design principles ensure seamless navigation across different screen sizes.
- Dynamic light and dark themes for a personalized user experience.
- Themes are applied consistently across all components for visual harmony.
- Instant feedback with toast notifications for key user actions such as logging in, logging out, creating campaigns, and updating profiles.
- Personalized dashboard to manage campaigns and track contributions.
- Visual analytics for campaign performance, including funds raised, supporters, and progress towards goals.
- Integrated payment gateway to facilitate secure and reliable transactions.
- Ensures user data and payment details are encrypted and protected.
- Dedicated FAQ page with answers to common questions, ensuring clarity for users.
- Expandable and interactive design for easy navigation.
- Stay updated with the latest news and updates by subscribing to the CrowdHex newsletter.
- Designed with accessibility in mind, ensuring users can subscribe hassle-free.
- Frontend: React.js, Tailwind CSS, DaisyUI
- Backend: ExpressJs, NodeJs
- Authentication: Firebase Authentication
- Deployment: Firebase Hosting, Vercel (Backend)
- Utilities: Axios, React Helmet, React Table, Lottie React, React Typewritter
-
Clone the repository:
git clone https://github.com/akashsaha02/crowdhex.git cd crowdhex -
Install dependencies:
npm install
-
Create a
.envfile in the root directory with the following environment variables:VITE_API_BASE_URL=https://your-api-url.com
-
Start the development server:
npm run dev
-
Create an Account:
- Navigate to the sign-up page to create an account.
-
Explore Campaigns:
- Browse active campaigns on the homepage.
-
Start a Campaign:
- Log in and click "Create Campaign" to start your crowdfunding journey.
-
Manage Contributions:
- View all your donations on the My Donations page.
We welcome contributions from the community!
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name
- Commit your changes:
git commit -m "Add feature name" - Push to the branch:
git push origin feature-name
- Open a pull request on GitHub.
This project is licensed under the MIT License.
CrowdHex is more than a platform—it’s a community-driven solution for funding innovation and bringing ideas to life. Join us today and make a difference!