A simple React application that retrieves user information from an external API, allows searching users by name, viewing past search history, and sorting users by name.
- User List: Display a list of users retrieved from the JSONPlaceholder API.
- Search by Name: Search users by their name and view the search results.
- Search History: View and clear past search terms.
- Sort by Name: Toggle sorting users by name.
- Node.js installed on your machine.
- Package Manager (npm or yarn).
-
Clone the repository:
git clone https://github.com/your-username/user-info-app.git
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open http://localhost:3000 to view it in the browser.
- Enter a name in the search bar or click the search button.
- View the search results.
- Click the listed user to view their details.
- Click the search history button to view past search terms.
- Click the clear button to clear the search history.
- Click the listed search term to search for it.
- Click the sort button to toggle sorting users by name.
- Click the sort button again to toggle sorting users by name in reverse order.
- Click the sort button again to toggle sorting users by name.
Contact me: