Challenge Description
Either the company assignment was provided with a UI or you have selected a UI using any free online resources given in the reading material, and you have selected the necessary third-party libraries based on the completion instructions given in the assignment. The assignment includes a public API to fetch the data.
1. Introduction to Public APIs
Let us assume that the company assignment given to you looks similar to the below sample assignment.
Objective
You will need to create a simple Dashboard based on the details below.
Task details
- You should display a list of users from the user API from the given resources.
- When we click on a user, then the list of user posts along with the comments associated with them should be displayed.
- Your application should be responsive on all devices.
API Resourses
Refer to this website for all the APIs to be used for assignment completion.
Note
- If the assignment contains public APIs, then you should only use the public API mentioned in the assignment.
- If the assignment doesn’t specify which public API to use, then you can explore it on the internet and choose one API according to your assignment requirements.
- This reading material provides a direction to choose a public API for the assignment on your own.
Public APIs
- An open API (often referred to as a public API) is a publicly available application programming interface that provides developers with programmatic access to a proprietary software application or web service.
- We have a lot of public APIs available on the internet for most of the use cases in our day to day development. Some of them are mentioned below.
1.1 Rapid API
- RapidAPI is the world's largest API marketplace, used by over one million developers to discover and connect to thousands of APIs. Using RapidAPI, developers can search and test the APIs, subscribe, and connect to the APIs with a single account, single API key, and single SDK.
- RapidAPI offers both free and premium APIs for developers. You can choose the best API by reading the documentation.
- Refer to this website for more information.
1.2 Mock API
- MockAPI is a simple tool that lets you easily mock up APIs, generate custom data, and perform operations on them using RESTful interfaces.
- Refer to this website for more information.
Note: Try out creating your own custom data on the above-mentioned Mock API website.
1.3 JSON Placeholder
- JSON Placeholder is a fake REST API that is primarily used for prototyping and testing. You can call it a web developer's image placeholder. JSON Placeholder is an online service that can be used when you need fake data to prototype or test some fake data.
- Refer to this website for more information.
1.4 GitHub Repository with public APIs
- You can refer to this public GitHub repository which contains a list of around 1400+ public APIs available over the internet.
- You can search the public API by using key words like "quiz", "facts", etc.,
- You should follow the below checklist before selecting a public API for your assignment.
- You should read the API documentation by visiting the company website.
- You should be aware of the base Url and end points to use for all the APIs that are used in the assignment.
- You should be aware of the request and response of all the APIs that are used in the assignment.
- If the website provides a sample usage of the API, then you should try by executing all the APIs and should understand how they work.
Tags:
React 1A Challenge