Skip to content

pacelliv/movie-watchlist

Repository files navigation

Movie Watchlist App

This is a solution to the Movie Watchlist solo project from Scrimba

Overview

The challenge consisted in:

  • Making API calls to the OMBd API to get movie data by name.
  • Rendering to the DOM the searched movies.
  • Give the user the ability to store movies to the watchlist using localStorage.
  • Fetching the stored movies from localStorage and render them to the DOM.
  • Give the user the ability to remove movies from the watchlist.

Elaboration

This project was built using:

  • Vite
  • HTML markup
  • Vanilla JavaScript
  • CSS
  • Fetch API
  • Flexbox

Quick start:

To run this project you will need to install:

  • git:
    • After installing the package run in ths terminal the command git --version, if the installation was successful the ouput should look liks this: git version x.xx.x.windows.x. Download here.
  • Node.js:
    • After the installation run the command node --version, if the ouput looks like vxx.xx.x it means the installation was successful. Download here.

Initialize git, clone the repo and cd into the folder:

$ git init
$ git clone
$ cd ordering-app

To install the dependencies run:

$ yarn # npm install

Development

After installing all dependencies run dev mode to continually compile the JavaScript as you work:

$ yarn dev # npm run dev
$ yarn build # npm run build

Resources

Outro ⭐️

I hope it ends up being useful to you, and if you want to contribute, PRs are welcome. 👩🏻‍💻 🎉 👨🏻‍💻 🎉