This application is a GitHub Organization Member Explorer built with React, TypeScript and Material UI. It allows users to search for any GitHub organization by name and browse its public members in a paginated grid. Each member is displayed as a card showing their avatar and username, and clicking on a card navigates to a detail page with additional information such as their full name, biography, location, company, personal website, and stats like public repositories, followers and following count.
The search input includes a debounce feature, which means the search triggers automatically after the user stops typing, without needing to press the button every time. The application also preserves the search state in the URL using query parameters, so users can share a direct link to a specific organization and page, use the browser back button to return to their previous results, and open multiple independent searches in different tabs.
https://docs.github.com/en/rest/orgs/members
-
Install the Node.js dependencies:
cd labs-module-5-react/lab-basic/exercise-1 npm i --save-dev -
Start the development server:
npm run dev
-
If you want to validate the code according standard only, run:
npm run lint
-
End and happy coding!
More info in the following commits. If required.
Grettings @jjpeleato.