{"id":24800102,"url":"https://github.com/nabilabintaakter/skillhorizon-client","last_synced_at":"2026-04-11T09:04:24.108Z","repository":{"id":274862225,"uuid":"924242581","full_name":"Nabilabintaakter/SkillHorizon-client","owner":"Nabilabintaakter","description":"SkillHorizon is a full-stack MERN (MongoDB, Express.js, React, Node.js) application aimed at improving educational institution and tutor-student interactions. It streamlines skill learning, class management, and enhances user experience through dynamic features.","archived":false,"fork":false,"pushed_at":"2025-02-19T13:56:13.000Z","size":5052,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T00:44:22.192Z","etag":null,"topics":["daisyui","expressjs","firebase","jwt-authentication","mongodb","nodejs","reactjs","stripe","tailwindcss","vercel"],"latest_commit_sha":null,"homepage":"https://skillhorizon-11d1f.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/Nabilabintaakter.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-29T17:01:52.000Z","updated_at":"2025-02-19T13:56:16.000Z","dependencies_parsed_at":"2025-01-29T20:41:08.309Z","dependency_job_id":null,"html_url":"https://github.com/Nabilabintaakter/SkillHorizon-client","commit_stats":null,"previous_names":["nabilabintaakter/skillhorizon-client"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nabilabintaakter%2FSkillHorizon-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nabilabintaakter%2FSkillHorizon-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nabilabintaakter%2FSkillHorizon-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Nabilabintaakter%2FSkillHorizon-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Nabilabintaakter","download_url":"https://codeload.github.com/Nabilabintaakter/SkillHorizon-client/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245377961,"owners_count":20605375,"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":["daisyui","expressjs","firebase","jwt-authentication","mongodb","nodejs","reactjs","stripe","tailwindcss","vercel"],"created_at":"2025-01-30T03:17:16.406Z","updated_at":"2026-04-11T09:04:24.075Z","avatar_url":"https://github.com/Nabilabintaakter.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# **SkillHorizon - EduManage**\n\u003cimg src=\"https://i.ibb.co.com/Mx9tZGz8/Screenshot-10.jpg\" alt=\"Home Page Screenshot\" width=\"100%\" /\u003e\n\n**SkillHorizon** is a full-stack MERN (MongoDB, Express.js, React, Node.js) web application designed to enhance communication between educational institutions, teachers, and students. It serves as an interactive platform where students can improve their skills, enroll in courses, submit assignments, and receive feedback, while teachers can efficiently manage their classes, assignments, and student progress.  \n\nThis platform makes learning and class management easier for both students and teachers. Students can enroll in courses, submit assignments, and get feedback, while teachers can manage their classes and track student progress. **SkillHorizon** also includes an admin dashboard to oversee class approvals, teacher requests, and user roles, ensuring a smooth and organized learning experience.\n\n\n## 🌐 **Live Website**  \n[Visit the Live Site](https://skillhorizon-11d1f.web.app/)\n\n## 🔑 **Admin Credentials**  \n- **Email**: skillhorizonadmin@gmail.com  \n- **Password**: 123Aa!\n\n## ✨ **Key Features**  \n1. **Responsive Design**: Fully responsive for all devices (mobile, tablet, desktop).  \n2. **Dynamic Navbar**: Includes logo, home, classes, sign-in, and user profile dropdown.  \n3. **Student Dashboard**: Private dashboard to manage classes, assignments, and provide feedback.  \n4. **Teacher Dashboard**: Add classes, track progress, manage enrollments, and assign tasks.  \n5. **Admin Dashboard**: Manage teacher requests, user roles, class approvals, and class progress.  \n6. **Private Routes**: Protects pages for logged-in users with JWT authentication.  \n7. **Authentication**: Google and email/password login with JWT authentication.\n8. **CRUD Operations**: Create, read, update, and delete operations for classes, users, and assignments with success/failure notifications.\n9. **Pagination**: Pagination for user lists, classes, and assignments to improve user experience.\n10. **Feedback Section**: Display feedback from teachers with their photos and ratings, collected via a Teacher Evaluation Report.\n11. **Environment Variables**: Firebase and MongoDB credentials are securely stored in environment variables.\n\n## 🛠️ **Pages and Functionalities**  \n- **Home Page**: Public page with featured classes, upcoming events, and banners.  \n- **Classes Page**: Displays a grid of all classes with sorting and filtering options.  \n- **Student Dashboard**: Students can view enrolled classes, assignments, and feedback.\n- **Teacher Dashboard**: Teachers can manage their classes, enrollments, and assignments.\n- **Admin Dashboard**: Manages teacher requests, user roles, and class approvals.  \n- **Login and Register Pages**: Secure login for both students and teachers via email/password or Google authentication.\n\n---\n\n## 🚀 **Technologies Used**\n\n- **Frontend**: \n  - **React** (18.3.1) for building the user interface.\n  - **React Router DOM** (6.28.2) for handling navigation.\n  - **Tailwind CSS** (3.4.17) for utility-first CSS styling.\n  - **DaisyUI** (4.12.23) for component library based on Tailwind.\n  - **React Query** (5.64.2) for data fetching, caching, and synchronization.\n  - **React Hook Form** (7.54.2) for form management and validation.\n  - **React Hot Toast** (2.5.1) for showing toast notifications.\n  - **React Icons** (5.4.0) for using icons in your application.\n  - **Swiper** (11.2.1) for creating modern carousels/sliders.\n  - **React Paginate** (8.2.0) for paginating lists of data.\n  - **React Awesome Reveal** (4.3.1) for animations and scroll effects.\n  - **SweetAlert2** (11.15.10) for beautiful alerts.\n  - **Moment.js** (2.30.1) for parsing, validating, and manipulating dates.\n\n- **Backend**:\n  - **Node.js** for building the server-side logic.\n  - **Express.js** for routing and handling HTTP requests.\n  - **MongoDB** with **Mongoose** for storing data in a NoSQL database.\n  - **Firebase** (11.2.0) for user authentication (Google, email/password).\n  - **JWT Authentication** for securing API endpoints.\n\n- **Deployment**:\n  - **Vercel** for hosting the frontend application.\n  - **Firebase Hosting** for deploying static files and serverless functions.\n  - **MongoDB Atlas** for cloud-hosted MongoDB databases.\n\n\n---\n\n## 🛠️ **Frontend Setup**\n\n1. Clone the repository:\n    ```bash\n    git clone https://github.com/Nabilabintaakter/SkillHorizon-client.git\n    cd SkillHorizon-client\n    ```\n\n2. Install dependencies:\n    ```bash\n    npm install\n    ```\n\n3. Start the development server:\n    ```bash\n    npm start\n    ```\n\n4. Open your browser and go to `http://localhost:5173`.\n\n---\n\n## 🖥️ **Backend Setup**\n\n1. Clone the repository:\n    ```bash\n    git clone https://github.com/Nabilabintaakter/SkillHorizon-server.git\n    cd SkillHorizon-server\n    ```\n\n2. Install dependencies:\n    ```bash\n    npm install\n    ```\n\n3. Set up your environment variables (Firebase and MongoDB credentials):\n    ```bash\n    touch .env\n    nano .env\n    ```\n    Add the following inside `.env`:\n    ```bash\n    MONGO_URI=your_mongodb_connection_string\n    JWT_SECRET=your_jwt_secret_key\n    FIREBASE_SECRET=your_firebase_secret\n    ```\n\n4. Start the development server:\n    ```bash\n    npm run dev\n    ```\n\n5. The backend will be accessible at `https://b10-a12-skill-horizon-server.vercel.app`.\n\n---\n\n## **Live API**\n- **API Documentation**: [SkillHorizon API](https://b10-a12-skill-horizon-server.vercel.app/)\n- **Backend Repository**: [SkillHorizon Server](https://github.com/Nabilabintaakter/SkillHorizon-server)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnabilabintaakter%2Fskillhorizon-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnabilabintaakter%2Fskillhorizon-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnabilabintaakter%2Fskillhorizon-client/lists"}