{"id":31038948,"url":"https://github.com/userkace/6apsi-badge-exam","last_synced_at":"2025-09-14T07:42:49.744Z","repository":{"id":305857331,"uuid":"1024162135","full_name":"userkace/6apsi-badge-exam","owner":"userkace","description":"🎓 A collaborative web-based project for the Skills-Based Badge Exam, implementing a login system, landing page, dashboard with sidebar navigation, CRUD operations, and a reporting page. Built using Module 2 base code and enhanced with team contributions.","archived":false,"fork":false,"pushed_at":"2025-07-29T10:24:34.000Z","size":2125,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-07T19:01:03.145Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://badge-exam.vercel.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/userkace.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-07-22T09:20:49.000Z","updated_at":"2025-07-29T10:17:13.000Z","dependencies_parsed_at":"2025-07-22T11:37:08.883Z","dependency_job_id":"f1449073-165c-4b7a-9551-204a16efe73e","html_url":"https://github.com/userkace/6apsi-badge-exam","commit_stats":null,"previous_names":["userkace/6apsi-badge-exam"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/userkace/6apsi-badge-exam","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/userkace%2F6apsi-badge-exam","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/userkace%2F6apsi-badge-exam/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/userkace%2F6apsi-badge-exam/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/userkace%2F6apsi-badge-exam/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/userkace","download_url":"https://codeload.github.com/userkace/6apsi-badge-exam/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/userkace%2F6apsi-badge-exam/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":275076535,"owners_count":25401314,"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","status":"online","status_checked_at":"2025-09-14T02:00:10.474Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-09-14T07:42:48.815Z","updated_at":"2025-09-14T07:42:49.705Z","avatar_url":"https://github.com/userkace.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 6APSI Badge Exam - React Dashboard Application\n\nA modern, responsive dashboard application built with React, Material-UI, and React Router. This application includes authentication, a landing page, and a protected dashboard with user management capabilities.\n\n## Live Demo\n\n[View Live Demo](https://badge-exam.vercel.app/)\n\n## Team Members\n\n- [Gopez, Ralph Louis](https://github.com/sevora)\n- [Robles, Eunice](https://github.com/EuniceRobles)\n- [Ysais, Carlos Jose](https://github.com/cbysais)\n- [Padilla, Kervin Clyde](https://github.com/userkace)\n- [Palao, Maria Athaliah December](https://github.com/jupiterhal)\n\n## Screenshots\n\n###### Landing Page\n\n![Landing Page](./screenshots/landing-page.png)\n\n###### Sign Up Page\n\n![Sign Up Page](./screenshots/sign-up-page.png)\n\n###### Login Page\n\n![Login Page](./screenshots/login-page.png)\n\n###### Dashboard\n\n![Dashboard](./screenshots/dashboard.png)\n\n###### Manage Users\n\n![Manage Users](./screenshots/manage-users.png)\n\n###### Create User\n\n![Create User](./screenshots/create-user.png)\n\n###### User Created Notification\n\n![User Created Notification](./screenshots/user-created-notification.png)\n\n###### Update User\n\n![Update User](./screenshots/update-user.png)\n\n###### User Updated Notification\n\n![User Updated Notification](./screenshots/user-updated-notification.png)\n\n###### Delete User\n\n![Delete User](./screenshots/delete-user.png)\n\n###### User Deleted Notification\n\n![User Deleted Notification](./screenshots/user-deleted-notification.png)\n\n###### Reporting Page\n\n![Reporting Page](./screenshots/reporting-page.png)\n\n###### About Page\n\n![About Page](./screenshots/about-page.png)\n\n## Features\n\n- **Authentication**\n    - Secure login/logout functionality\n    - Protected routes\n    - Session persistence\n    - Form validation\n\n- **Dashboard**\n    - Responsive sidebar navigation\n    - User management interface\n    - Real-time data display\n\n- **User Management**\n    - View user list\n    - Add new users\n    - Edit existing users\n    - Delete users\n\n- **UI/UX**\n    - Modern, clean interface\n    - Responsive design\n    - Smooth page transitions\n    - Form validation feedback\n\n## Tech Stack\n\n- **Frontend**\n    - React 19\n    - React Router v7\n    - Material-UI v7\n    - Framer Motion (for animations)\n    - Axios (for API requests)\n\n- **State Management**\n    - React Context API\n    - Local Storage (for session persistence)\n\n## Getting Started\n\n### Prerequisites\n\n- Node.js (v16 or later)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n\n    ```bash\n    git clone https://github.com/userkace/6apsi-badge-exam.git\n    cd 6apsi-badge-exam\n    ```\n\n2. Install dependencies:\n\n    ```bash\n    npm install\n    # or\n    yarn\n    ```\n\n3. Start the development server:\n\n    ```bash\n    npm start\n    # or\n    yarn start\n    ```\n\n4. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\n## Authentication\n\nThe application uses a secure authentication system:\n\n- Protected routes that redirect unauthenticated users to the login page\n- Session persistence using localStorage\n- Form validation for login and signup\n- Secure token-based authentication\n\n## Project Structure\n\n```\nsrc/\n├── auth/               # Authentication components\n│   ├── Login.js       # Login page\n│   ├── Logout.js      # Logout handler\n│   └── Signup.js      # User registration\n├── components/        # Reusable UI components\n├── context/           # React Context providers\n│   ├── AuthContext.js # Authentication state\n│   └── UsersContext.js # User data management\n├── pages/             # Page components\n│   ├── About.js       # About page\n│   ├── Dashboard.js   # Main dashboard\n│   └── Landing.js     # Landing page\n├── App.js            # Main application component\n└── index.js          # Application entry point\n```\n\n## Available Scripts\n\n- `npm start` - Runs the app in development mode\n- `npm test` - Launches the test runner\n- `npm run build` - Builds the app for production\n- `npm run eject` - Ejects from Create React App (use with caution)\n\n## Acknowledgments\n\n- Material-UI for the awesome UI components\n- React Router for routing\n- Framer Motion for smooth animations\n- Create React App for the project setup\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuserkace%2F6apsi-badge-exam","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fuserkace%2F6apsi-badge-exam","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fuserkace%2F6apsi-badge-exam/lists"}