This project is a simple webpage developed using the MERN stack. It displays a list of users and the details of a selected user.
- Displays a list of users with their profile picture and name.
- Shows the details of a selected user on the right-hand side column.
- Uses loaders when data is being fetched from the API.
- Handles API errors gracefully, displaying a message like "No data to show" in case of server error or empty response.
The UI design is based on a Figma design. The actual UI is not be the same as the design, but it fulfills the same requirements.
The data for the users is fetched from the following API: https://602e7c2c4410730017c50b9d.mockapi.io/users
- ReactJS for the frontend.
- React Bootstrap for the UI components.
- Axios for making API calls.
- The webpage does not reload at any point in time.
- There is no blank screen when the data is being loaded. Loaders or spinners are used instead.
You can view the project here: Link