How To Create A Movie App Using API and Plain JavaScript!
Source code: https://www.patreon.com/posts/tvflix-movie-app-78676158?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
Figma File: https://www.patreon.com/posts/tvflix-movie-app-78676210?utm_medium=clipboard_copy&utm_source=copyLink&utm_campaign=postshare_creator&utm_content=join_link
In this video, we’ll be creating a movie app using API and Plain JavaScript!
This is a great way to get started with developing web applications using Plain JavaScript. We’ll be using the API to retrieve movie information from a database, and then we’ll use Plain JavaScript to create a dynamic component that will render on the page.
This is a great way to learn some core programming concepts, and get started with building web applications. If you’re interested in developing web applications, then this is the video for you!
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: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g
🔔 Subscribe: https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1
🔗 Starter file
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Download the starter file to practice: https://drive.google.com/file/d/13jEeBlTPU0K4-1cbpt6aSr0UUya3UmAb/view?usp=share_link
💜💜 PATREON BUDDIES 💜💜
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Many thanks to our lovely Patreons (from https://patreon.com/codewithsadee) who support us every month and encouraged us to make this video:
Danish Khan, Jose Galvez, Kesu Endalkachew, vagdrak, Frank GP Systems, Stan Price, Tin Tran, Sanjay
⏱️ Timestamps
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
0:00 – Demo
13:19 – File structure
14:16 – Project initial
23:49 – Header
44:34 – sidebar
58:03 – Banner section
1:24:23 – Movie list
1:34:54 – Detail page
1:49:29 – Movie list page
1:57:01 – Search modal
2:04:09 – Get API key from TMDB
2:07:23 – Testing API with Postman
2:09:32 – JavaScript functionalities
4:43:50 – Media queries
👍 Like – Follow & Support
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Twitter: https://twitter.com/codewithsadee
Github: https://github.com/codewithsadee
Facebook: https://www.facebook.com/codewithsadeefan
Instagram: https://www.instagram.com/codewithsadee
🎶 Music
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
– Bcalm x Banks – Anemone
– Provided by Lofi Records
– Watch: https://youtu.be/dH30E63p1WI
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks – Hiraeth
– Provided by Lofi Records
– Watch: https://youtu.be/Cx-kNgMLByQ
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks – Bluebird
– Provided by Lofi Records
– Watch: https://youtu.be/j0JPdUAcVB0
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks – Just Breathe
– Provided by Lofi Records
– Watch: https://youtu.be/fktpxyIhZMI
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks – Gentle Hills
– Provided by Lofi Records
– Watch: https://youtu.be/U6bCBDpLKx0
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks x Purrple Cat – I’ll Be There
– Provided by Lofi Records
– Watch: https://youtu.be/_HcIfJoHTfs
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks x cxlt – Yours
– Provided by Lofi Records
– Watch: https://youtu.be/p0ZjKlZwCXI
– Download/Stream: https://fanlink.to/FeelingsPt2
– Bcalm x Banks – Back Then
– Provided by Lofi Records
– Watch: https://youtu.be/CQkfdSJQpy0
– Download/Stream: https://fanlink.to/FeelingsPt2
⚠️ 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
#responsiveapp
#movieapp
#moviewebsite
Comments are closed.