{"id":24673723,"url":"https://github.com/tapader13/paytasker-client","last_synced_at":"2026-04-11T03:32:17.456Z","repository":{"id":274279984,"uuid":"922296857","full_name":"tapader13/PayTasker-client","owner":"tapader13","description":"A web platform where users can complete tasks to earn coins. Features include task management, coin transactions, user roles (Worker, Buyer, Admin), Stripe payment integration, and real-time notifications.","archived":false,"fork":false,"pushed_at":"2025-02-19T13:21:13.000Z","size":2716,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-21T15:52:18.299Z","etag":null,"topics":["axios","firebase","momentjs","motion","react-form-hook","reactjs","reactrouter","sweetalert2","swiper","tailwindcss","tanstack-react-query"],"latest_commit_sha":null,"homepage":"https://as12-ea931.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/tapader13.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,"zenodo":null}},"created_at":"2025-01-25T20:36:00.000Z","updated_at":"2025-03-05T04:24:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"adb85f98-78b6-4f19-ac5d-ab6e10b871ca","html_url":"https://github.com/tapader13/PayTasker-client","commit_stats":null,"previous_names":["tapader13/paytasker-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tapader13/PayTasker-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FPayTasker-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FPayTasker-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FPayTasker-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FPayTasker-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tapader13","download_url":"https://codeload.github.com/tapader13/PayTasker-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tapader13%2FPayTasker-client/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265999055,"owners_count":23862219,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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","firebase","momentjs","motion","react-form-hook","reactjs","reactrouter","sweetalert2","swiper","tailwindcss","tanstack-react-query"],"created_at":"2025-01-26T11:13:40.012Z","updated_at":"2025-12-30T22:07:04.927Z","avatar_url":"https://github.com/tapader13.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 💰 PayTasker - Micro-Task and Earning Platform\n\n## 🚀 Overview  \n\nWelcome to **PayTasker**, a micro-task and earning platform that enables users to complete small tasks and earn money. The platform accommodates three distinct roles: **Worker, Buyer, and Admin**, each with specific functionalities to manage tasks, coins, and system operations.\n\n## 🔗 Live Demo  \n\n🌍 **Live Site:** [PayTasker Live](https://as12-ea931.web.app/)  \n\n---\n\n## 🔑 Admin Credentials  \n\n- **Username:** `admin@example.com`  \n- **Password:** `1234qQ`  \n\n*(Use these credentials to access the admin dashboard.)*  \n\n---\n\n## 📸 Screenshot  \n\n![PayTasker Screenshot](https://i.postimg.cc/904rksvb/Screenshot-2025-02-05-023433.png) \n\n---\n\n## 🛠️ Technologies Used  \n\n### **Frontend**  \n- React.js (for UI development)  \n- Tailwind CSS (for responsive design)  \n- React Router (for navigation)  \n- Swiper.js (for carousels \u0026 sliders)  \n- React Hook Form (for validation)  \n- Firebase (for authentication)  \n- Moment.js (for date \u0026 time formatting)  \n- SweetAlert (for pop-up notifications)  \n- Motion (for animations)  \n\n### **Backend**  \n- Node.js (for server-side logic)  \n- Express.js (for building RESTful APIs)  \n- MongoDB (for database storage)  \n- JWT (for secure authentication)  \n\n### **Authentication**  \n- Firebase Authentication (for email/password \u0026 Google Sign-In)  \n\n### **Payment Integration**  \n- Stripe API (for purchasing coins)  \n\n### **Notification System**  \n- Real-time notifications for task submission updates and withdrawal approvals  \n\n---\n\n## 🚀 Core Features  \n\n✔️ **User Roles**: Three distinct roles: **Worker, Buyer, Admin**, each with specific functionalities.  \n✔️ **User Authentication**: Secure login with email/password or Google Sign-In.  \n✔️ **Task Management**:  \n   - **Workers** can view tasks, submit work, and track earnings.  \n   - **Buyers** can create tasks, approve/reject submissions, and manage coins.  \n   - **Admins** can manage users, tasks, and platform operations.  \n✔️ **Coins System**: Workers earn coins for tasks; buyers use coins to create tasks.  \n✔️ **Stripe Payment Integration**: Buyers can purchase coins securely.  \n✔️ **Task Submission \u0026 Review**: Workers submit tasks; buyers approve or reject.  \n✔️ **Withdrawal System**: Workers can withdraw earnings (minimum 200 coins = $10).  \n✔️ **Admin Dashboard**: Full control over users, tasks, and withdrawal approvals.  \n✔️ **Responsive Design**: Works on all devices (mobile, tablet, desktop).  \n\n---\n\n## 📦 Dependencies  \n\n### **Production Dependencies**  \n```json\n{\n  \"@stripe/react-stripe-js\": \"^3.1.1\",\n  \"@stripe/stripe-js\": \"^5.5.0\",\n  \"@tanstack/react-query\": \"^5.64.1\",\n  \"axios\": \"^1.7.9\",\n  \"firebase\": \"^11.1.0\",\n  \"lucide-react\": \"^0.471.1\",\n  \"moment\": \"^2.30.1\",\n  \"motion\": \"^11.18.0\",\n  \"react\": \"^18.3.1\",\n  \"react-dom\": \"^18.3.1\",\n  \"react-hook-form\": \"^7.54.2\",\n  \"react-hot-toast\": \"^2.5.1\",\n  \"react-responsive-carousel\": \"^3.2.23\",\n  \"react-router\": \"^7.1.1\",\n  \"sweetalert2\": \"^11.15.10\",\n  \"swiper\": \"^11.2.1\"\n}\n```\n\n---\n\n## 🛠️ Getting Started (Run Locally)  \n\n### 1️⃣ Clone the Repository  \n```sh\ngit clone https://github.com/tapader13/PayTasker.git\ncd PayTasker\n```\n\n### 2️⃣ Install Dependencies  \n```sh\nnpm install\n```\n\n### 3️⃣ Set Up Environment Variables  \nCreate a `.env` file in the root directory and add the following:  \n```env\nVITE_FIREBASE_API_KEY=your_firebase_api_key\nVITE_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain\nVITE_FIREBASE_PROJECT_ID=your_firebase_project_id\nVITE_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket\nVITE_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id\nVITE_FIREBASE_APP_ID=your_firebase_app_id\nVITE_API_IMGBB_KEY=your_imgbb_api_key\nVITE_STRIPE_PK=your_stripe_public_key\n```\n\n### 4️⃣ Start the Development Server  \n```sh\nnpm run dev\n```\n\n### 5️⃣ Open in Browser  \nVisit **[http://localhost:5173](http://localhost:5173)** to see the app in action.\n\n---\n\n## 🤝 Contributing  \n\nContributions are welcome!  \n\n1. **Fork the repository**  \n2. **Create a new branch** (`git checkout -b feature-name`)  \n3. **Commit your changes** (`git commit -m 'Add new feature'`)  \n4. **Push to the branch** (`git push origin feature-name`)  \n5. **Open a Pull Request**  \n\n---\n\n⭐ **Like this project?** Give it a star on GitHub!  \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftapader13%2Fpaytasker-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftapader13%2Fpaytasker-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftapader13%2Fpaytasker-client/lists"}