Web Portfolio Projects: API-Based Chrome Developer Tool

Spice up your portfolio by combining two critical skills: APIs calls and tool creation. Learn how to build Chrome DevTools that interact with the Glo Board API.

Introduction

• Create a Chrome developer tool
• What you should know
• Use the GitHub exercise files

1. Understand the Tools

• Learn about Chrome DevTools
• Work with APIs
• Learn the Chrome API
• Learn the Glo API and Swagger documentation

2. Build a Chrome Developer Tool

• Build a dev tool in five minutes
• Sending messages with the Chrome API
• Challenge: Communicate between panel and content
• Solution: Communicate between panel and content

3. Authenticate with Glo

• Authenticate with personal access tokens
• Use Fetch and Promise to get data
• Use Fetch to get Glo Boards
• Challenge: Promises and loops
• Solution: Promises and loops
• Connect the data to the interface

4. Build the Comment Interface

• Use Glo API to save comments
• Challenge: Create new comments
• Solution: Create new comments

Conclusion

• Learn more and thank you