{"id":15156553,"url":"https://github.com/amulyamachhan/user-management","last_synced_at":"2026-02-05T10:33:55.057Z","repository":{"id":253570243,"uuid":"843876874","full_name":"AmulyaMachhan/User-Management","owner":"AmulyaMachhan","description":"This project is a user management web application. The application consists of two main pages: a Dashboard page and a People Directory page.","archived":false,"fork":false,"pushed_at":"2024-09-11T16:43:26.000Z","size":195,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-20T00:07:48.291Z","etag":null,"topics":["filtering","luxon","pagination","react-hook-form","react-tanstack-table","redux","tanstack-table","zod"],"latest_commit_sha":null,"homepage":"https://user-management-ten-gamma.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/AmulyaMachhan.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-08-17T17:31:01.000Z","updated_at":"2024-10-15T09:43:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"78af07ba-6d14-4168-a826-2181929d57fb","html_url":"https://github.com/AmulyaMachhan/User-Management","commit_stats":{"total_commits":93,"total_committers":2,"mean_commits":46.5,"dds":"0.010752688172043001","last_synced_commit":"29c74cdb0dbcc63f63d9950546cc262fd7f5566b"},"previous_names":["amulyamachhan/user-management"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AmulyaMachhan/User-Management","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FUser-Management","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FUser-Management/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FUser-Management/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FUser-Management/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AmulyaMachhan","download_url":"https://codeload.github.com/AmulyaMachhan/User-Management/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AmulyaMachhan%2FUser-Management/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264502494,"owners_count":23618619,"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":["filtering","luxon","pagination","react-hook-form","react-tanstack-table","redux","tanstack-table","zod"],"created_at":"2024-09-26T19:22:45.766Z","updated_at":"2026-02-05T10:33:55.008Z","avatar_url":"https://github.com/AmulyaMachhan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# User Management\n\nThis project is a user management web application. The application consists of two main pages: a Dashboard page and a People Directory page.\n\n## Screenshots\n\n![localhost_5173_people-directory](https://github.com/user-attachments/assets/baf6b768-7ada-4005-8477-46080727cdfb)\n\n## Features\n\n### 1. Dashboard Page\n- **Navigation**: Includes a navbar and a sidebar for easy access.\n- **Welcome Message**: Displays a welcome message for the user.\n\n### 2. People Directory Page\n- **Fully Featured Table**: \n  - **Sortable Columns**: Columns can be sorted in three states: Initial, Ascending, and Descending order.\n  - **Row Details**: Each row is clickable, and clicking on it opens a side pane with more details about that person.\n  - **Edit Functionality**: Each row has an edit button that opens a form. The form uses `react-hook-form` along with `zod` for form controls and validation.\n  - **Filtering**: The table can be filtered based on Role or Team.\n  - **Search Bar**: Implements a global search filter with substring matching on any of the fields present in the table.\n  - **Add Member**: A form to add a new entry to the table.\n  - **Delete Functionality**: The delete button removes the entry from the table.\n\n- **State Management**: \n  - The state is reflected in the URL for search, filter, and row selection. For example, when searching for a name like 'Olivia', the URL reflects it as `app.people.com/people?query=Olivia`.\n\n## Tech Stack\n- **Frontend**:\n  - React\n  - TanStack Table for table interactions\n  - Tailwind CSS for styling\n  - react-hook-form and zod for form handling and validation\n\n- **Backend**:\n  - Fake data generation using Faker.js\n\n## Installation\n\n1. Clone the repository:\n   ```bash\n   git clone https://github.com/your-username/user-management.git\n    ```\n\n2. Navigate to the project directory:\n    ```bash\n    cd user-management\n    ```\n\n3. Install the dependencies:\n    ```bash \n    npm install\n    ```\n\n4. Start the development server:\n    ```bash\n    npm run dev\n    ```\n\n## Usage\n\n- Visit the Dashboard page upon opening the web app.\n- Navigate to the People Directory to view, edit, add, and delete user entries.\n- \n## Contributing\n\nIf you wish to contribute, please fork the repository and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.\n\n## Contact\n\nFor any inquiries or feedback, feel free to contact me at [here](mailto:machhanamulya@gmail.com).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famulyamachhan%2Fuser-management","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famulyamachhan%2Fuser-management","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famulyamachhan%2Fuser-management/lists"}