{"id":26610896,"url":"https://github.com/harikrish58/mockapi-crud","last_synced_at":"2026-04-12T10:32:01.721Z","repository":{"id":283951830,"uuid":"953380748","full_name":"Harikrish58/mockapi-crud","owner":"Harikrish58","description":"This is demo of CRUD operation from fetching data from MOCK API","archived":false,"fork":false,"pushed_at":"2025-03-23T08:33:37.000Z","size":36,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-23T09:27:27.981Z","etag":null,"topics":["bootstrap","css","html","reactjs"],"latest_commit_sha":null,"homepage":"https://crudoperation-mockapi.netlify.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/Harikrish58.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-03-23T08:19:07.000Z","updated_at":"2025-03-23T08:33:40.000Z","dependencies_parsed_at":"2025-03-23T09:28:29.866Z","dependency_job_id":"0a6c1dff-3b3f-4aed-bef3-69e735ba82c9","html_url":"https://github.com/Harikrish58/mockapi-crud","commit_stats":null,"previous_names":["harikrish58/mockapi-crud"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Harikrish58/mockapi-crud","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harikrish58%2Fmockapi-crud","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harikrish58%2Fmockapi-crud/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harikrish58%2Fmockapi-crud/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harikrish58%2Fmockapi-crud/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Harikrish58","download_url":"https://codeload.github.com/Harikrish58/mockapi-crud/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Harikrish58%2Fmockapi-crud/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272496601,"owners_count":24944529,"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-08-28T02:00:10.768Z","response_time":74,"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":["bootstrap","css","html","reactjs"],"created_at":"2025-03-24T02:23:57.186Z","updated_at":"2025-12-30T21:36:12.440Z","avatar_url":"https://github.com/Harikrish58.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React CRUD App with MockAPI\n\nThis React application provides a full CRUD (Create, Read, Update, Delete) interface for managing user data fetched from a MockAPI endpoint. It features a responsive navbar, a home page with user cards, a detailed user directory with edit/delete options, pages for creating and editing users, and a footer, all powered by React Router and Axios.\n\n## Features\n- **Create**: Add new users via the `/create` page with a detailed form.\n- **Read**: \n  - View a grid of user cards on the home page (`/`) with contact, address, and company details.\n  - Browse a detailed table of users on the `/users` page with edit/delete actions.\n- **Update**: Edit user details via dynamic routes (`/edit/:id`) with a pre-filled form.\n- **Delete**: Remove users from the `/users` page with immediate UI updates.\n- Responsive navbar with links to Home, Users, and Create pages.\n- Footer with dynamic copyright year on all pages.\n- Success messages on the `/users` page after create/update/delete operations (auto-dismiss after 3 seconds).\n- Loading and error states for all API interactions.\n\n## Tech Stack\n- **Frontend**: React (Hooks), React Router\n- **API**: MockAPI (RESTful mock API)\n- **HTTP Client**: Axios\n- **Styling**: Bootstrap (used across components for layout and UI)\n- **Deployment**: Netlify-compatible\n\n## Prerequisites\n- Node.js (v16+ recommended)\n- npm (v8+)\n- MockAPI account and project\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharikrish58%2Fmockapi-crud","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fharikrish58%2Fmockapi-crud","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fharikrish58%2Fmockapi-crud/lists"}