{"id":26250762,"url":"https://github.com/prathamesh-pichkate/user-management-dashboard","last_synced_at":"2026-03-15T08:30:11.042Z","repository":{"id":274831902,"uuid":"924156526","full_name":"prathamesh-pichkate/User-Management-Dashboard","owner":"prathamesh-pichkate","description":null,"archived":false,"fork":false,"pushed_at":"2025-01-30T06:25:19.000Z","size":75,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-27T18:42:29.342Z","etag":null,"topics":["jsonplaceholder-api","react-redux","react-router","reactjs"],"latest_commit_sha":null,"homepage":"https://user-management-dashboard-beta.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/prathamesh-pichkate.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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-01-29T14:15:31.000Z","updated_at":"2025-01-30T06:25:22.000Z","dependencies_parsed_at":"2025-12-26T09:03:16.016Z","dependency_job_id":null,"html_url":"https://github.com/prathamesh-pichkate/User-Management-Dashboard","commit_stats":null,"previous_names":["prathamesh-pichkate/user-management-dashboard"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/prathamesh-pichkate/User-Management-Dashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathamesh-pichkate%2FUser-Management-Dashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathamesh-pichkate%2FUser-Management-Dashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathamesh-pichkate%2FUser-Management-Dashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathamesh-pichkate%2FUser-Management-Dashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/prathamesh-pichkate","download_url":"https://codeload.github.com/prathamesh-pichkate/User-Management-Dashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/prathamesh-pichkate%2FUser-Management-Dashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30539102,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-15T07:17:37.589Z","status":"ssl_error","status_checked_at":"2026-03-15T07:17:31.738Z","response_time":61,"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":["jsonplaceholder-api","react-redux","react-router","reactjs"],"created_at":"2025-03-13T16:37:05.346Z","updated_at":"2026-03-15T08:30:10.882Z","avatar_url":"https://github.com/prathamesh-pichkate.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# User-Management-Dashboard\n\n## 📌 Objective\n\nThe goal of this project is to develop a simple web application where users can **view, add, edit, and delete user details**, interacting with a mock backend API. This application simulates CRUD operations on user data using the **JSONPlaceholder API**.\n\n## 🚀 Technologies Used\n\n- **React 19** – For building the user interface and managing state.\n- **React Redux** – For state management and handling user data.\n- **Tailwind CSS v4** – For styling and responsiveness.\n- **Flowbite** – A Tailwind-based component library for UI enhancements.\n- **Axios** – For making HTTP requests to the backend API.\n- **React Router DOM** – For handling navigation within the app.\n- **React Toastify** - For notification\n\n---\n\n## ✨ Features\n\n### 🔹 View Users\n- Displays a list of users fetched from the **JSONPlaceholder API** (`/users` endpoint).\n\n### 🔹 Add User\n- A form to add a new user.\n- Sends a **POST** request to `/users` (simulated, does not persist).\n\n### 🔹 Edit User\n- Allows users to edit existing user details.\n\n### 🔹 Delete User\n- Deletes a user via a **DELETE** request to `/users/:id`.\n\n### 🔹 Responsive Design\n- Fully responsive using **Tailwind CSS**, optimized for mobile \u0026 desktop.\n\n### 🔹 Error Handling\n- Displays error messages if API requests fail.\n\n### 🔹 Show More Users\n- Initially loads 10 users, with a **Show More** button to fetch additional users.\n\n---\n\n## 🛠️ Getting Started\n\n### ✅ Prerequisites\n\nEnsure you have the following installed:\n\n- **Node.js** (\u003e= 16.x)\n- **npm** \n\n### 📥 Installation\n\nClone the repository:\n\n```sh\ngit clone https://github.com/prathamesh-pichkate/User-Management-Dashboard.git\ncd user-management-dashboard\n```\n\nMove to the Frontend Folder:\n\n```sh\ncd frontend\n```\n\nInstall the packages and run\n\n```sh\nnpm install\n```\nRun App\n\n```sh\nnpm run dev\n```\n\n---\n\n## ⚠️ Challenges \u0026 Improvements\n\n### 🛠️ Challenges Faced\n- **React 19 Updates** – Faced challenges adapting to **React 19** due to breaking changes and updated APIs.  \n- **Flowbite Compatibility** – Encountered issues with **Flowbite** as several updates changed the component structures.  \n- **Mock API Limitations** – Since **JSONPlaceholder** does not persist changes, managing state properly to simulate add/edit/delete operations was challenging.  \n\n### 🔮 Improvements for Future\n- **Use MERN Stack** – Given more time, I would integrate a **MongoDB, Express, React, and Node.js (MERN)** backend for real **CRUD operations**.  \n- **Pagination Support** – Implement pagination to improve performance when handling large datasets.  \n- **Enhanced UI** – Improve UI/UX with animations and additional interactive components. \n- **DarkMode** - I would i worked on the dark mode and light mode.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprathamesh-pichkate%2Fuser-management-dashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprathamesh-pichkate%2Fuser-management-dashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprathamesh-pichkate%2Fuser-management-dashboard/lists"}