{"id":29328811,"url":"https://github.com/meldsz/user-heirarchy","last_synced_at":"2026-04-09T12:32:01.160Z","repository":{"id":303306455,"uuid":"1014832853","full_name":"meldsz/user-heirarchy","owner":"meldsz","description":"A React application displays User Heirarchy by fetching the user data from an API, constructs a heirarchical tree based on Manager-Subordinate relationships and diplays it with navigation support using React Router. Unit Tests are provided using Jest and React Testing library.","archived":false,"fork":false,"pushed_at":"2025-07-06T22:20:04.000Z","size":821,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-06T23:27:37.783Z","etag":null,"topics":["javascript","jest","react","react-router","vite"],"latest_commit_sha":null,"homepage":"https://6x5xl9-5173.csb.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/meldsz.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-06T14:00:05.000Z","updated_at":"2025-07-06T22:20:07.000Z","dependencies_parsed_at":"2025-07-06T23:28:08.098Z","dependency_job_id":null,"html_url":"https://github.com/meldsz/user-heirarchy","commit_stats":null,"previous_names":["meldsz/user-heirarchy"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/meldsz/user-heirarchy","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldsz%2Fuser-heirarchy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldsz%2Fuser-heirarchy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldsz%2Fuser-heirarchy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldsz%2Fuser-heirarchy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/meldsz","download_url":"https://codeload.github.com/meldsz/user-heirarchy/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/meldsz%2Fuser-heirarchy/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264155099,"owners_count":23565303,"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":["javascript","jest","react","react-router","vite"],"created_at":"2025-07-07T22:37:10.803Z","updated_at":"2025-12-30T21:48:29.016Z","avatar_url":"https://github.com/meldsz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# User Tree Heirarchy\n\nA React application displays User Heirarchy by fetching the user data from an [API](https://gongfetest.firebaseio.com/.json), constructs a heirarchical tree based on Manager-Subordinate relationships and diplays it with navigation support using React Router. Unit Tests are provided using Jest and React Testing library.\n\n# 💻 Developer Environment Setup Guide\n\n## 📔 Pre-Requirements:\n\nYou need to have Node.js version 14.18+ installed on your computer\n\n## ⚙️ Initial Setup\n\nIn order to setup the application locally, Clone this repository and follow the below steps\n\n### Running Application Locally\n\nInstall project dependencies:\n\n    $ npm install\n\nRun the application locally on dev server\n\n    $ npm run dev\n\nBy default, Vite dev server runs the application on [http://localhost:5173](http://localhost:5173).\n\n### Production Build\n\nTo the build the application for production,\n\n    $ npm run build\n\nTo Preview the production build locally,\n\n    $ npm run preview\n\nBy default, Vite runs the preview application on [http://localhost:4173](http://localhost:4173).\n\n### 🏃 Running Tests\n\nrun the below command to run unit tests for react application\n\n    $ npm run test\n\n### ✅ Features:\n\n- Fetches user data from an API and builds heirarchical tree based on `managerId`\n- User authentication\n- Protected Routing to display User Tree Heirarchy to only logged in users\n- User Tree is displayed in Heirarchy page after user is logged in\n- User can logout by clicking logout link on Heirarchy page\n- Login page displays \"User Not Found\" if user doesn't exist\n- Not Found page is displayed when random routes are used\n- Components are unit tested\n\n# Touch\n\n![alt text](image-6.png)\n![alt text](image-5.png)\n![alt text](image-4.png)\n\n# Desktop\n\n![alt text](image-7.png)\n![alt text](image-2.png)\n![alt text](image-3.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeldsz%2Fuser-heirarchy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmeldsz%2Fuser-heirarchy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmeldsz%2Fuser-heirarchy/lists"}