DEV Community

Cover image for How to Build Your First GitHub App with JavaScript and GitHub API: Easy and Fast

Posted on

How to Build Your First GitHub App with JavaScript and GitHub API: Easy and Fast

In this video, we'll show you how to build a simple, fast, and easy web application using the GitHub API and JavaScript. We'll use a dark and light theme and responsive design so that your app looks great on any device.

If you're looking to learn how to build a web application using the GitHub API, then this is the video for you! We'll show you everything you need to know to build a simple web application. This is a great beginner's guide to web development and working with API. so be sure to watch it!

Source code
Starter file
Figma UI
GitHub API - Postman

⏱️ Timestamps
0:00 - Demo
3:21 - Demo - testing accessibility
4:39 - Demo - testing responsive
5:54 - Project stucture and initiallization
20:04 - Skip to content
22:16 - Header
39:22 - Light and dark theme
44:48 - Initial mian js file and header functionality
50:21 - Profile section
1:12:48 - Tab and tab content section
1:51:31 - Initial the api.js file
1:53:47 - Working with API
1:54:36 - Search API integration
1:57:30 - Profile API integration
2:17:00 - Repository API integration
2:25:35 - Fork repo API integration
2:28:55 - Follower API integration
2:35:58 - Following API integration
2:41:58 - Media queries

Top comments (2)

sloan profile image
Sloan the DEV Moderator

Hi there, we encourage authors to share their entire posts here on DEV, rather than mostly pointing to an external link. Doing so helps ensure that readers don’t have to jump around to too many different pages, and it helps focus the conversation right here in the comments section.

If you choose to do so, you also have the option to add a canonical URL directly to your post.

realfakenerd profile image
Lucas A. Ouverney

Yeah and it looks like clickbait, sometimes I just want to read, not watch a video.