DEV Community

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

Posted on

10

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

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

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🤩

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay