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!
🔗 Essential links
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Starter file: drive.google.com/file/d/1-3HO...
Source code link 1: www.patreon.com/posts/gitfind...
Source code link 2: www.buymeacoffee.com/codewith...
Figma UI: www.patreon.com/posts/gitfind...
Join our Discord community: / discord
Postman workspace: www.postman.com/codewithsadee...
Host your website with upto 75% off
🌟 Hostinger: www.hostg.xyz/SHCGm
HI 👋
I'm Sadee(web dev)
In this channel, I make videos about the Complete Responsive website.
You can check out my channel 👇
📺 My Channel: / @codewithsadee
🔔 Subscribe: / @codewithsadee
⏱️ Timestamps
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
0:00 - Demo
3:21 - Demo - testing accessibility
4:39 - Demo - testing responsive
5:54 - Project structure and initialization
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
🎶 Music
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
- Bcalm x Banks - Anemone
- Provided by Lofi Records
- Watch: • Bcalm x Banks - Anemone
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks - Hiraeth
- Provided by Lofi Records
- Watch: • Bcalm x Banks - Hiraeth
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks - Bluebird
- Provided by Lofi Records
- Watch: • Bcalm x Banks - Bluebird
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks - Just Breathe
- Provided by Lofi Records
- Watch: • Bcalm x Banks - Just B...
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks - Gentle Hills
- Provided by Lofi Records
- Watch: • Bcalm x Banks - Gentle...
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks x Purrple Cat - I'll Be There
- Provided by Lofi Records
- Watch: • Bcalm x Banks x Purrpl...
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks x cxlt - Yours
- Provided by Lofi Records
- Watch: • Bcalm x Banks x cxlt -...
- Download/Stream: fanlink.to/FeelingsPt2
- Bcalm x Banks - Back Then
- Provided by Lofi Records
- Watch: • Bcalm x Banks - Back Then
- Download/Stream: fanlink.to/FeelingsPt2
👍 Like - Follow & Support
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Twitter: / codewithsadee
Github: github.com/codewithsadee
Facebook: / codewithsadeefan
Instagram: / codewithsadee
⚠️ Disclaimer
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Disclaimer video is for educational purposes only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use
#codewithsadee
#responsivewebapp
#githubclone

[@alexzahui4652]

@codewithsadee plenty of videos on this platform explaining topics, I come to this channel when I need to watch a master at work and in the zone writing code. I'll figure the rest out later. Keep doing what you do, and Mad respect and gratitude for all the free knowledge you give.

[@Zetornator]

What a legend! Maybe one day you can show us a bit about how to connect this with a backend to save everything for each user...all and all i am very impressed!

[@codewithsadee]

Thanks for your inspiration Zeto!

[@DiwasAtreya]

I have been watching your video for a long time it's a great projects ❤.

[@codewithsadee]

Thank you so much!

[@myviptuto30]

Yet another fantastic project. Really awesome

[@codewithsadee]

Thank you! Cheers!

[@foysolhasan1476]

Wonderful, and thank you ultimately you are posting something it's important.

[@codewithsadee]

My pleasure!

[@ant-madestudio5572]

mind blowing..not even think.. no no..Dare to think.. such a Great project..

[@codewithsadee]

Thanks a lot

[@DVHcoding]

The project is awesome. I look forward to it, thank you very much

[@codewithsadee]

You are welcome!

[@codewithsadee]

hope you'll enjoy it

[@arushkumar7661]

What a beautiful work. ❤❤❤❤

[@codewithsadee]

Thank you very much!

[@amirkhasroo3932]

Bruh mind blowing 💯💯💯❤❤❤ you are a gem 💎

[@codewithsadee]

Thanks brother ❤

[@HusainSeva]

Hey There,
Loved the projects you uploaded on your channel. One thing I would like to say is that make the starter files of each project FREE. So that your audience can easily start the project, they did not have to pay for the starter files.
Rest all is just awesome. Your channel is like a GEM for me. Keep making the tutorials. I love your content. I can't believe that someone can create such professional projects using just HTML, CSS, JS. I love the way you structure each project.
ThankYou for such useful and portfolio ready projects

[@codewithsadee]

starter file is free not paid and thanks for the appreciation!!

[@kjbassu]

kudos to your work sadee👏👏🙇‍♂🙇‍♀🙇

[@codewithsadee]

Thanks ❤

[@ignasiussigit6957]

nice video, thank you sir👌👍

[@codewithsadee]

Most welcome

[@sirstegi]

Cool video and project. I think the music is a bit loud to be honest and the music is not too great while coding in my opinion. But great work :)

[@huynhphatat3919]

GREAT TO SEE NEW VIDEO FOR A LONG TIME, BUT SAD ABOUT NOT FREE SOURCE CODE :(

[@6.squash.936]

When the world needed him the most he returned😍

[@codewithsadee]

Thanks 😂

[@Coding_Asmr_PraDev]

How do you show keystrokes on screen??

[@AtulTingre-cr5pq]

Awesome I made this with react taken your css you are creating awesome content if possible code with audio it will be more understandable to beginner also I want learn css styling from you ❤

[@codewithsadee]

Yes, sure

[@Deus-lo-Vuilt]

nice!

[@codewithsadee]

Thanks!

[@auramodder4321]

Canyou make an video with your settings vscode and extension please ?

[@user-up4gp9de8n]

Can you make a website on the topic of hiring bodyguards? I really like your web design

[@hessennasser2168]

This is Awesome project 👏❤️,
If possible code with audio it will be more understanding for beginners.

[@codewithsadee]

Noted

[@dimasnytin]

🤩🤩🤩🤩 Wow

[@codewithsadee]

Thank you ❤

[@lovishduggal9064]

which theme you use sir?

[@storyPlus12]

What software do you use to edit your video ?

[@codewithsadee]

Adobe Premiere Pro

[@gudluck927]

Bro how much time it take to develop a decent. Level of logic that how things work when to use it or not ... I am just struggle to build a basic to-do list

[@contactasim]

wowww

[@codewithsadee]

Thanks

[@MuhamDaily]

Checkpoint 1:36:15

[@memematrixx]

Gr8

[@codewithsadee]

Thanks

[@memematrixx]

How do you make color palettes?

[@RRahulRajput798]

he will not reply he thinks he is a celebrity

[@arthurkids237]

Congratulations, great job, I have a doubt, nowadays in 2023, is it worth developing ecommerce applications in html, css, js without using react js type libraries? or famous framwworks, take this doubt away from me please, I would like to develop only with vanilla js, just like you do.

[@codewithsadee]

This depends on you. I mean your choice.
In my opinion vanilla is more than frameworks 💥
so boost your vanilla skills so that next new frameworks will be yours 🔥

[@cubedev4838]

Please make tutorial html css js for prayer API

[@assignmentonbiologytopic9512]

We need more JavaScript projects plzzzzzzzz

[@codewithsadee]

more is coming...

[@pranavavasthi]

Please create a Advance animated Portfolio Website for resume 😢

[@ilahi66kodcu]

Hello, can you share the root part?

[@BillalBenzazoua]

Why the API returns only 30 following in 2:39:00, is there a way to show them all not only 30,
by the way thank you so much for this tutorial I learned a lot from you to write a good structure in HTML and reused style, components ...etc in CSS and clean code in JS ❤❤❤

[@codewithsadee]

You can do this check GitHub API documentation
docs.github.com/en/rest/using-the-rest-api/troubleshooting-the-rest-api?apiVersion=2022-11-28#missing-results

[@jayantsingh4661]

Hey, buddy, were you able to show all the repo? If so, could you kindly assist me? I have to turn in this assignment by tomorrow.

[@adebolalawal]

Mr Sadee, do I have a permission to use some of your works (source code) on Guthub? Yes I would make some changes to avoid plagiarism. Thank you

[@codewithsadee]

Yes! you can use it 😊

[@adebolalawal]

@@codewithsadee I am eternally grateful for your kind gesture. You deserve a medal. 💪

[@adebolalawal]

@omjaju9251 I have not done this yet.

[@codingbyfaiz8069]

I have shared the url of 2 websites with you on Discord plz like the websites that I have created and give me your opinion what is right and what wrong plz ❤️❤️❤️ sadee sir .

[@codingbyfaiz8069]

Sir plz create a ecommerce website

[@codewithsadee]

note that

[@notedbongo]

1:18:05

[@AvikNayak_]

Are you using jquery?

[@codewithsadee]

Noo

[@Intellectualmind4]

🎉🎉🎉🎉

[@codewithsadee]

Thanks

[@tuananhnguyen3544]

1:51:30

[@TeamLOG]

i want to make my company website
can you help me

[@codewithsadee]

contact me on Twitter

[@41kaushalchauhan]

// 13:26 last view

[@user-gn1jl9sg8h]

Aaaaaaa 🔥🔥🔥🔥

[@codewithsadee]

Thanks ❤

[@musicmania4556]

Bro
Had a question i tried to contact you on Twitter but you haven't responded
I have a question???