{"id":25121315,"url":"https://github.com/sk-jabed/fundsphere-project-client","last_synced_at":"2026-04-07T08:01:30.538Z","repository":{"id":272266589,"uuid":"916021880","full_name":"SK-Jabed/FundSphere-Project-Client","owner":"SK-Jabed","description":"FundSphere is a modern crowdfunding platform where individuals and organizations can raise funds for various causes, ideas, or startups. This platform empowers users by providing a seamless interface to create, manage, and donate to campaigns while ensuring secure transactions and optimized performance.","archived":false,"fork":false,"pushed_at":"2025-02-10T17:56:21.000Z","size":3632,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T15:23:48.846Z","etag":null,"topics":["axios","eslint","firebase","framer-motion","html5","jwt-authentication","react-router","reactjs","sweetalert2","swiper","tailwindcss","toast-notifications","vite"],"latest_commit_sha":null,"homepage":"https://b10-assignment-10-6b3b9.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SK-Jabed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-13T10:01:11.000Z","updated_at":"2025-02-10T17:56:25.000Z","dependencies_parsed_at":"2025-01-13T11:23:39.908Z","dependency_job_id":"db4a7721-1812-48dd-81a2-e024a7c6c35d","html_url":"https://github.com/SK-Jabed/FundSphere-Project-Client","commit_stats":null,"previous_names":["sk-jabed/fundsphere-project-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SK-Jabed/FundSphere-Project-Client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SK-Jabed%2FFundSphere-Project-Client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SK-Jabed%2FFundSphere-Project-Client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SK-Jabed%2FFundSphere-Project-Client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SK-Jabed%2FFundSphere-Project-Client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SK-Jabed","download_url":"https://codeload.github.com/SK-Jabed/FundSphere-Project-Client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SK-Jabed%2FFundSphere-Project-Client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31504897,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","eslint","firebase","framer-motion","html5","jwt-authentication","react-router","reactjs","sweetalert2","swiper","tailwindcss","toast-notifications","vite"],"created_at":"2025-02-08T06:17:44.244Z","updated_at":"2026-04-07T08:01:30.508Z","avatar_url":"https://github.com/SK-Jabed.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **FundSphere - A Modern Crowdfunding Platform** 🚀💰  \n\n![CasePix Banner](https://github.com/SK-Jabed/FundSphere-Project-Client/blob/0c96772db2c1e3d89f35cc6865b1af1a5d4640b0/src/assets/Screenshot%202025-02-07%20155724.png)\n\n## 📌 **Project Overview**  \n**FundSphere** is a **modern, secure, and user-friendly** crowdfunding platform designed for **entrepreneurs, creators, and individuals** looking to raise funds for their ideas, causes, or startups. The client-side of **FundSphere** is built with **React, Tailwind CSS, and Firebase**, ensuring a **smooth and interactive** user experience with secure authentication and real-time campaign tracking.  \n\nThis platform **empowers users** by providing a **seamless interface to create, manage, and donate to campaigns** while ensuring secure transactions and optimized performance.  \n\n---\n\n## 🌍 **Live Demo \u0026 Deployment**  \n\n🔗 **Live Site**: [FundSphere Live](https://b10-assignment-10-6b3b9.web.app/)  \n\n---\n\n## 🔑 **Key Features**  \n\n### 🎯 **User \u0026 Authentication Features**  \n✅ **Secure Authentication** – Firebase authentication (Email/Password \u0026 Google login).  \n✅ **User Dashboard** – Manage personal campaigns and track donations.  \n✅ **Protected Routes** – Only authenticated users can create, edit, or manage campaigns.  \n\n### 💸 **Campaign \u0026 Fundraising Features**  \n✅ **Create \u0026 Manage Campaigns** – Users can create, update, and delete campaigns easily.  \n✅ **Secure Donations** – Users can donate securely with real-time tracking.  \n✅ **Campaign Sorting \u0026 Filtering** – Find campaigns based on category, amount raised, or popularity.  \n✅ **Real-Time Updates** – Firebase integration ensures live updates for campaigns and donations.  \n\n### 🌟 **Enhanced UI \u0026 Experience**  \n✅ **Dark/Light Mode** – Customizable UI experience.  \n✅ **Engaging Animations** – Powered by Framer Motion and Lottie animations.  \n✅ **Loading Spinners \u0026 Error Handling** – Smooth UX with real-time feedback.  \n✅ **Custom Alerts \u0026 Toasters** – Notifications using `react-toastify` and `sweetalert2`.  \n\n---\n\n## 📜 **Additional Features**  \n🔹 **Search Functionality** – Quickly find campaigns using keywords.  \n🔹 **Featured Campaigns** – Highlight trending or featured campaigns.  \n🔹 **Campaign Goal Tracker** – Live progress tracking of fundraising goals.  \n🔹 **Comment \u0026 Engagement System** – Users can interact with campaign owners.  \n🔹 **Social Sharing** – Share campaigns on social media.  \n🔹 **Admin Panel** *(Planned)* – Moderation tools for reviewing campaigns.  \n\n---\n\n## 🛠 **Technologies Used**  \n\n| **Category**         | **Technologies**  |\n|----------------------|------------------|\n| **Frontend**        | React, Tailwind CSS, DaisyUI |\n| **State Management**| React Context API |\n| **Authentication**  | Firebase Authentication |\n| **Routing**         | React Router |\n| **UI Animations**   | Framer Motion, Lottie |\n| **Notifications**   | React Toastify, SweetAlert2 |\n| **Backend**         | Node.js, Express.js |\n| **Database**        | MongoDB |\n| **Hosting**         | Netlify (Client), Vercel (Server) |\n\n---\n\n## 📦 **Dependencies**  \n\n### 🔹 **Main Dependencies**\n- `react` – Core UI library.  \n- `axios` – Handle API requests.  \n- `firebase` – User authentication and real-time data updates.  \n- `react-router-dom` – Routing and navigation.  \n- `framer-motion` – Smooth animations and transitions.  \n- `react-toastify` – Beautiful toast notifications.  \n- `sweetalert2` – Modern pop-up alerts.  \n- `swiper` – Responsive campaign carousels.  \n\n### 🔹 **Dev Dependencies**\n- `vite` – Fast development server.  \n- `tailwindcss` – Utility-first CSS framework.  \n- `eslint` – Code quality and linting.  \n\n---\n\n## 📡 **API Endpoints Reference**  \n\n| Method | Endpoint             | Description                      |\n|--------|----------------------|----------------------------------|\n| **Auth Routes** |||\n| POST   | `/auth/register`     | Register a new user              |\n| POST   | `/auth/login`        | Authenticate user \u0026 generate token |\n| GET    | `/auth/profile`      | Retrieve authenticated user profile |\n| **Campaign Routes** |||\n| GET    | `/campaigns`         | Fetch all campaigns              |\n| POST   | `/campaigns`         | Create a new campaign            |\n| GET    | `/campaigns/:id`     | Get details of a specific campaign |\n| PUT    | `/campaigns/:id`     | Update an existing campaign      |\n| DELETE | `/campaigns/:id`     | Remove a campaign from the platform |\n| **Donation Routes** |||\n| POST   | `/donations`         | Make a donation to a campaign    |\n| GET    | `/donations/:id`     | Fetch donation details for a campaign |\n\n📌 *For full API details, refer to API documentation (Swagger/Postman collection link).*  \n\n---\n\n## 📐 Design Philosophy\n- Minimalistic yet modern.\n- Mobile-first responsive design.\n- Accessibility-focused with user-friendly interactions.\n\n---\n\n## 🔧 **Installation \u0026 Setup**  \n\n### **1️⃣ Prerequisites**  \nEnsure you have the following installed:  \n✔ **Node.js** (LTS version) - [Download Here](https://nodejs.org/)  \n✔ **Git** - [Download Here](https://git-scm.com/)  \n\n---\n\n### **2️⃣ Clone the Repository**  \n```bash\ngit clone https://github.com/your-username/fundsphere-client.git\ncd fundsphere-client\n```\n\n---\n\n### **3️⃣ Install Dependencies**  \n```bash\nnpm install\n```\n\n---\n\n### **4️⃣ Configure Firebase \u0026 Environment Variables**  \nCreate a `.env` file in the root directory and add:  \n\n```env\nVITE_FIREBASE_API_KEY=your_api_key\nVITE_FIREBASE_AUTH_DOMAIN=your_auth_domain\nVITE_FIREBASE_PROJECT_ID=your_project_id\nVITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket\nVITE_FIREBASE_MESSAGING_SENDER_ID=your_sender_id\nVITE_FIREBASE_APP_ID=your_app_id\n```\n\n---\n\n### **5️⃣ Start the Development Server**  \n```bash\nnpm run dev\n```\nThe application should now be running at `http://localhost:5173/`.  \n\n---\n\n## 🚀 **Deployment**  \n\n### **1️⃣ Deploy on Netlify** *(Frontend)*  \n1. Push the repository to **GitHub**.  \n2. Link **Netlify** to your GitHub repo.  \n3. Configure environment variables in **Netlify Dashboard**.  \n4. Click **Deploy** and monitor logs.  \n\n### **2️⃣ Deploy on Vercel** *(Backend)*  \n```bash\nvercel deploy\n```\nEnsure that `.env` variables are configured in **Vercel Settings**.  \n\n---\n\n## 🔥 **Future Enhancements**  \n🔹 **Real-Time WebSockets for Live Donations** – Users can see live donation updates.  \n🔹 **Admin Panel for Moderation** – Platform moderation for removing fraudulent campaigns.  \n🔹 **AI-Powered Fraud Detection** – Detect and block suspicious campaigns.  \n🔹 **Blockchain Integration** *(Future Plan)* – Decentralized and transparent crowdfunding.  \n🔹 **Multi-Currency Support** – Accept donations in different currencies.  \n\n---\n\n## 🤝 **Contributing**  \n🔹 **Fork the repository.**  \n🔹 **Create a new branch:** `git checkout -b feature-branch`  \n🔹 **Commit your changes:** `git commit -m \"Added a new feature\"`  \n🔹 **Push to your forked repo:** `git push origin feature-branch`  \n🔹 **Submit a pull request for review.**  \n\n---\n\n## 📜 **License**  \nThis project is licensed under the **MIT License**.  \n\n---\n\n## 🎯 **Final Thoughts**  \n**FundSphere** is designed to **empower individuals and organizations** by providing a **secure, modern, and accessible** crowdfunding platform. We are constantly improving and expanding its features.  \n\n💡 **If you like this project, don't forget to ⭐ star the repository!**  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsk-jabed%2Ffundsphere-project-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsk-jabed%2Ffundsphere-project-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsk-jabed%2Ffundsphere-project-client/lists"}