movie-watchlist

This is a Scrimba project from the Frontend Developer Career Path, to practice workign with APIs. The app allows users to create a dynamic movie watchlist by fetching movie data from the OMDb API, based on user input.

In addition to the project requirements I added:

• support for dark & light mode
• improved UX experience, by saving last search in session storage and updating components on user interactions
• saved watchlist and preferred color scheme in local storage
• moved API Key into config.json and used async/await for fetching movie data efficiently,

Setup & Usage

1. Clone the repository:

   git clone https://github.com/your-username/movie-watchlist.git
   cd movie-watchlist

2. Get your OMDb API Key:

   • Visit OMDb API and sign up for a free API key.

3. Configure the API Key:

   • Replace "YOUR_API_KEY" in the config.json file with your own API key:

     {
       "omdbApiKey": "YOUR_API_KEY"
     }

4. Run the project:

   • Open index.html in your preferred browser or use a live server extension in your code editor.

🚀 Preview

Click here to view the live app!

Check out Scrimba

Their goal is to create the best possible coding school at the cost of a gym membership! 💜 The Frontend Developer Career Path aims to teach you everything you need to become a Junior Developer, or you could take a deep-dive with one of their advanced courses 🚀

• courses
• The Frontend Career Path
• Become a Scrimba Pro member