WEB DEVELOPMENT INTERNSHIP
Task 7:Fetch and Display Data from a Public API Using Fetch API.
Objective: Use JavaScript Fetch API to get user data from a public API and display it.
Tools: VS Code, Chrome Browser.
Deliverables: Webpage displaying user info fetched from API.
Hints/Mini Guide:
1. Use HTML to create a container for user data.
2. Use JS fetch to request data from [Link]
3. Parse the JSON response.
4. Loop through users and display their name, email, and address on the page.
5. Handle errors with catch block.
6. Style displayed data with CSS.
7. Test network error handling by disabling internet.
8. Add a reload button to refetch data.
Outcome: : Understand asynchronous JS, APIs, JSON parsing, error handling.
Interview Questions:
1. What is Fetch API?
2. How do promises work?
3. Difference between synchronous and asynchronous code?
4. How to handle errors in Fetch?
5. What is JSON?
6. What is CORS?
7. How to parse JSON?
8. Explain async/await.
9. What are HTTP status codes?
10. What is REST API?
Key Concepts: Fetch API, Promises, Async JS, JSON, API, Error Handling.
📤 Submit Here:
After completing the task, paste your GitHub repo link and submit it using the link below:
👉 [Submission Link ]
📌 Task Submission Guidelines
⏰ Time Window:
You can complete the task anytime between 10:00 AM to 10:00 PM on the given day. Submission link closes at
10 :00 PM
🔍 Self-Research Allowed:
You are free to explore, Google, or refer to tutorials to understand concepts and complete the task effectively.
🛠 Debug Yourself:
Try to resolve all errors by yourself. This helps you learn problem-solving and ensures you don’t face the same
issues in future tasks.
💸 No Paid Tools:
If the task involves any paid software/tools, do not purchase anything. Just learn the process or find free
alternatives.
📁 GitHub Submission:
Create a new GitHub repository for each task.
Add everything you used for the task — code, datasets, screenshots (if any), and a short [Link] explaining
what you did.
📤 Submit Here:
After completing the task, paste your GitHub repo link and submit it using the link below:
👉 [Submission Link ]