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!

Source code

Figma UI

⏱️ 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