DEV Community

Cover image for How To Create A Movie App Using API and Plain JavaScript!
Sadee
Sadee

Posted on

How To Create A Movie App Using API and Plain JavaScript!

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

Top comments (3)

Collapse
 
sabihasamha22 profile image
Sabiha Samha

This is by far the greatest project.🖤

Collapse
 
petemachinelnu profile image
Peter

Cost money. Dislike.

Collapse
 
tokee profile image
Tokee

This project's functionality amazed me🤩