DEV Community

Jan Prazak
Jan Prazak

Posted on

1

OMDb-search (JS code demo)

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:
OMDb-search

Top comments (0)

Need a better mental model for async/await?

Check out this classic DEV post on the subject.

⭐️🎀 JavaScript Visualized: Promises & Async/Await

async await

👋 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