OMDb-search (JS code demo)

#javascript #async #json #xhr

JavaScript demo: search for movies in The OMDb (The Open Movie Database).

So finally I "finished" one of my learning projects in a way it can actually be useful to someone.

It uses some important features of ES6, namely JS modules and asynchronous XHR. I intentionally avoided using the new Fetch API to show how the old good XHR can be transformed into async mode, it shows nicely how promises work in modern JS. It also uses the WebStorage API (localStorage - for storing the API key to browser) and the Web Animations API for the loader animation.

GitHub project page: https://github.com/Amarok24/OMDb-search

Screenshot:

Top comments (0)

Build a clone of Perplexity with LangGraph, CopilotKit, Tavily & Next.js 🪄

David Asaolu - Jan 8

How I Replaced 2000 Lines of Code with Just 300 in Redux Store — Without Breaking the App!

Ahmed Rakan - Dec 4 '24

TypeScript Generics: A Complete Guide

Zahra Sandra Nasaka - Jan 2

Mull It Over

Robert Mion - Dec 4 '24

This post blew up on DEV in 2020:

🚀⚙️ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! 🥳

Happy coding!

DEV Community