{"id":21271826,"url":"https://github.com/nhnaahid/skillup-client","last_synced_at":"2026-04-06T01:33:24.043Z","repository":{"id":248415291,"uuid":"818753821","full_name":"nhnaahid/skillup-client","owner":"nhnaahid","description":"SkillUp is an online learning and educational course management web application. User can browse, enroll the courses and make payment by stripe. Separate dashboard for student, teacher and admin ensures their separate individual functionalities.","archived":false,"fork":false,"pushed_at":"2024-07-14T17:37:10.000Z","size":7216,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T14:24:26.557Z","etag":null,"topics":["css3","expressjs","firebase","html5","jwt","mongodb","nodejs","reactjs","stripe","tailwindcss"],"latest_commit_sha":null,"homepage":"https://skillup-57533.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/nhnaahid.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":"2024-06-22T19:04:36.000Z","updated_at":"2024-07-14T17:37:13.000Z","dependencies_parsed_at":"2024-07-14T19:19:49.808Z","dependency_job_id":null,"html_url":"https://github.com/nhnaahid/skillup-client","commit_stats":null,"previous_names":["nhnaahid/skillup-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/nhnaahid/skillup-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhnaahid%2Fskillup-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhnaahid%2Fskillup-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhnaahid%2Fskillup-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhnaahid%2Fskillup-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nhnaahid","download_url":"https://codeload.github.com/nhnaahid/skillup-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nhnaahid%2Fskillup-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31456659,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"ssl_error","status_checked_at":"2026-04-05T21:22:51.943Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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":["css3","expressjs","firebase","html5","jwt","mongodb","nodejs","reactjs","stripe","tailwindcss"],"created_at":"2024-11-21T08:28:26.468Z","updated_at":"2026-04-06T01:33:23.983Z","avatar_url":"https://github.com/nhnaahid.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# SkillUp\n\nSkillUp is an online learning and educational course management platform. This web application will revolutionize the way educational institutions, tutors and students interact, making skill learning and class management more efficient and accessible than ever before.\n \n\n## Demo\n\n- [Live Link](https://skillup-57533.web.app/)\n- [Server Side Repo](https://github.com/nhnaahid/skillup-server)\n- Admin email: admin@gmail.com\n- Admin password: Admin@123\n\n# Getting Started\n\nThese instructions will help you get a copy of the project up and running on your local machine for development and testing purposes.\n\n## Prerequisites\n\nMake sure you have the following installed:\n- [Git](https://git-scm.com/)\n- [Node.js](https://nodejs.org/)\n- [MongoDB](https://www.mongodb.com/try/download/community)\n- [Firebase CLI](https://firebase.google.com/docs/cli)\n\n## Installation\n\n1. **Clone \u0026 Install client dependencies:**\n\n    ```bash\n    git clone https://github.com/nhnaahid/skillup-client.git\n    cd your-client-repository\n    npm install\n    ```\n\n2. **Clone \u0026 Install server dependencies:**\n\n    ```bash\n    git clone https://github.com/nhnaahid/skillup-server.git\n    cd your-server-repository\n    npm install\n    ```\n\n4. **Set up environment variables:**\n\n    Create a `.env.local` file in the `client` directory and add the following:\n\n    ```env\n    VITE_apiKey=your_firebase_api_key\n    VITE_authDomain=your_firebase_auth_domain\n    VITE_projectId=your_firebase_project_id\n    VITE_storageBucket=your_firebase_storage_bucket\n    VITE_messagingSenderId=your_firebase_messaging_sender_id\n    VITE_appId=your_firebase_app_id\n    VITE_IMAGE_HOSTING_KEY=imgbb_hosting_key\n    VITE_Payment_Gateway_PK=stripe_payment_gateway_publishable_key\n    ```\n\n    Create a `.env` file in the `server` directory and add the following:\n\n    ```env\n    DB_USER=mongodb_uri_user\n    DB_PASS=mongodb_uri_pass\n    ACCESS_TOKEN_SECRET=generated_jwt_token\n    STRIPE_SECRET_KEY=stripe_payment_gateway_secret_key\n    ```\n\n5. **Run the server:**\n\n    ```bash\n    cd your-server-repository\n    nodemon index.js\n    ```\n\n6. **Run the client:**\n\n    Open a new terminal window/tab and run:\n\n    ```bash\n    cd your-client-repository\n    npm run dev\n    ```\n\n## Firebase \u0026 JWT Setup\nPlease follow their docs to integrate firebase authentication, create and store jwt in local storage for authorization.\n\n## Usage\n\nOnce the server and client are running, open your web browser and go to `http://localhost:5173` to view the application.\n\n\n\n\n## Key Features\n\n1. **Firebase Authentication**\n   - Secure authentication using Firebase for user login and registration.\n   - Supports email/password and social media login options.\n\n2. **Separate Dashboards (Authorization handled by JWT)**\n   - **Admin Dashboard**: Comprehensive control panel for site management.\n   - **Student Dashboard**: Personalized area for course management and tracking progress.\n   - **Teacher Dashboard**: Interface for managing courses, assignments, and student interactions.\n\n3. **Enroll Course**\n   - Easy course enrollment process for students.\n\n4. **Secure Payment**\n   - Integrated secure payment gateway for course purchases.\n\n5. **Assignment Management**\n   - Teachers can post assignments with deadlines.\n   - Students can submit assignments directly through the platform.\n\n6. **User Behavior Statistics**\n   - Detailed analytics on user engagement and behavior.\n   - Helps in understanding user preferences and improving the platform.\n\n7. **Feedback Section**\n    - Users can provide feedback on courses and platform functionality.\n\n8. **Responsive Design**\n    - Mobile-friendly design ensuring accessibility on all devices.\n    - Consistent and intuitive user experience across desktops, tablets, and smartphones.\n\n\n\n## Tech Stack\n\nSkillUp is built using the MERN stack, a powerful combination of technologies that provide a seamless development experience for both the frontend and backend.\n\n### Frontend\n\n- **React.js**\n- **Tailwind CSS**\n\n### Backend\n\n- **Node.js**\n- **Express.js**\n\n### Database\n\n- **MongoDB**\n\n### Authentication\n\n- **Firebase Authentication**\n\n### Payment Gateway\n\n- **Stripe**\n\n### Additional Tools and Packages\n\n- **JWT (JSON Web Tokens)**\n- **Axios**\n- **React Hook Form**\n- **Swiper Slider**\n\nBy utilizing the MERN stack and these additional tools, SkillUp ensures a robust, scalable, and high-performance web application that delivers a seamless learning experience for all users.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnhnaahid%2Fskillup-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnhnaahid%2Fskillup-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnhnaahid%2Fskillup-client/lists"}