{"id":29132079,"url":"https://github.com/tahia-tahi/collab-learn","last_synced_at":"2026-05-05T14:32:12.237Z","repository":{"id":301097953,"uuid":"1008132333","full_name":"tahia-tahi/collab-learn","owner":"tahia-tahi","description":"A modern, collaborative group-study platform where students and educators can create, filter, submit, and evaluate assignments. Built with React, Firebase, and Tailwind CSS — featuring role-based access, animated UI, and secure authentication for a seamless learning experience.","archived":false,"fork":false,"pushed_at":"2025-07-02T06:44:38.000Z","size":119,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-02T07:41:38.191Z","etag":null,"topics":["jwt","node","react","react-router"],"latest_commit_sha":null,"homepage":"https://collab-learn-b1813.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/tahia-tahi.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-06-25T04:47:11.000Z","updated_at":"2025-07-02T06:44:41.000Z","dependencies_parsed_at":"2025-06-25T06:34:47.147Z","dependency_job_id":null,"html_url":"https://github.com/tahia-tahi/collab-learn","commit_stats":null,"previous_names":["tahia-tahi/collab-learn"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tahia-tahi/collab-learn","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahia-tahi%2Fcollab-learn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahia-tahi%2Fcollab-learn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahia-tahi%2Fcollab-learn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahia-tahi%2Fcollab-learn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tahia-tahi","download_url":"https://codeload.github.com/tahia-tahi/collab-learn/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahia-tahi%2Fcollab-learn/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32653506,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","response_time":54,"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":["jwt","node","react","react-router"],"created_at":"2025-06-30T06:12:19.715Z","updated_at":"2026-05-05T14:32:12.217Z","avatar_url":"https://github.com/tahia-tahi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 📚 Collab Learn\n\nA collaborative online group-study assignment platform designed to simplify assignment sharing, submission, and evaluation — all in one place.\n\n## 🔗 Live URL\n👉 (https://collab-learn-b1813.web.app/)\n\n\n## 🎯 Project Purpose\n\n**Collab Learn** enables students and educators to:\n- Create and manage assignments.\n- Submit and evaluate work.\n- Filter assignments based on difficulty.\n- Enable secure and role-based task handling.\n\nThis platform is built with a modern tech stack to provide a smooth, interactive, and responsive experience for all users.\n\n---\n\n## 🔗 Project Links\n\n- 🔴 [Live Website](https://collab-learn-b1813.web.app/)\n- 🟢 [Client-side Code](https://github.com/tahia-tahi/collab-learn)\n- ⚙️ [Server-side Code](https://github.com/tahia-tahi/collab-learn-server)\n\n---\n\n## 🔐 Backend API Overview (JWT Protected)\n\n| Method | Endpoint | Description |\n|--------|----------|-------------|\n| `POST` | `/jwt` | Generates JWT token upon login/signup |\n| `GET` | `/assignments` | Retrieves all assignments |\n| `POST` | `/assignments` | Creates a new assignment |\n| `PUT` | `/assignments/:id` | Updates an assignment (creator only) |\n| `DELETE` | `/assignments/:id` | Deletes an assignment (creator only) |\n| `POST` | `/submissions` | Submits assignment |\n| `GET` | `/submissions/:id` | Gets submissions for an assignment |\n| `PATCH` | `/submissions/:id` | Adds marks and feedback |\n\n🚀 Key Features\n📝 Assignment Creation with difficulty level tagging (Easy, Medium, Hard)\n\n🧠 Full CRUD Functionality – Create, Read, Update, and Delete assignments (for authorized users)\n\n📂 Filter Assignments by difficulty level\n\n✅ Marking System for submitted assignments\n\n🔒 Role-Based Access – Only creators can update or delete their assignments\n\n🔐 JWT Authentication – Secure backend API access using JSON Web Tokens\n\n🎉 Toast Notifications and stylish alerts with React Toastify and SweetAlert2\n\n📅 Date Picker Integration using react-datepicker\n\n⚙️ Secure Authentication via Firebase\n\n🌙 Modern UI with Tailwind CSS and Framer Motion animations\n\n🔄 Protected Routes using React Router\n\n🌐 Deployed on Firebase\n\n---\n\n## 🧩 NPM Packages Used\n\n| Package | Description |\n|--------|-------------|\n| **react** | Core library for building UI |\n| **react-dom** | DOM rendering for React |\n| **react-router** | Routing system for React |\n| **axios** | Promise-based HTTP client |\n| **firebase** | Authentication and hosting |\n| **tailwindcss** | Utility-first CSS framework |\n| **@tailwindcss/vite** | Tailwind plugin for Vite |\n| **framer-motion** | Animation library for React |\n| **react-icons** | Icon library for React |\n| **sweetalert2** | Beautiful alerts and confirmations |\n| **react-toastify** | Notification toasts |\n| **react-datepicker** | Date selection component |\n\n---\n\n## 💻 How to Run the Project Locally\n\nTo run the full-stack **Collab Learn** project on your local machine, follow the steps below for both client and server setup.\n\n---\n\n### 🧾 Prerequisites\n\nEnsure you have these installed:\n\n- [Node.js](https://nodejs.org/)\n- [Git](https://git-scm.com/)\n- [MongoDB](https://www.mongodb.com/) (or MongoDB Atlas)\n- A code editor like [VS Code](https://code.visualstudio.com/)\n\n---\n\n## 🖥 Client Setup (Frontend)\n\n1. **Clone the client repo:**\n\n```bash\ngit clone https://github.com/tahia-tahi/collab-learn-client.git\n```\n\n2. **Navigate to the project folder:**\n\n```bash\ncd collab-learn-client\n```\n\n3. **Install dependencies:**\n\n```bash\nnpm install\n```\n\n4. **Start the client app:**\n\n```bash\nnpm run dev\n```\n\n✅ The React app will run on: `http://localhost:5173`\n\n---\n\n## ⚙️ Server Setup (Backend)\n\n1. **Clone the server repo:**\n\n```bash\ngit clone https://github.com/tahia-tahi/collab-learn-server.git\n```\n\n2. **Navigate to the server folder:**\n\n```bash\ncd collab-learn-server\n```\n\n3. **Install dependencies:**\n\n```bash\nnpm install\n```\n\n4. **Create a `.env` file in the root folder and add your environment variables:**\n\n```\nPORT=3000\nMONGODB_URI=your_mongodb_connection_string\nJWT_SECRET=your_jwt_secret_key\n```\n\n5. **Start the server:**\n\n```bash\nnpm run start\n```\n\n✅ The server will run on: `http://localhost:3000`\n\n---\n\n## 🔐 JWT Authentication Notes\n\n- After login/signup, the server returns a JWT token.\n- All protected routes require this token in the `Authorization` header like:\n\n```\nAuthorization: Bearer your_token_here\n```\n\n---\n\nNow you can use both client and server together locally. Happy coding! 💻🚀\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftahia-tahi%2Fcollab-learn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftahia-tahi%2Fcollab-learn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftahia-tahi%2Fcollab-learn/lists"}