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.
- Vite
- HTML markup
- Vanilla JavaScript
- CSS
- Fetch API
- Flexbox
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.
- After installing the package run in ths terminal the command
- Node.js:
- After the installation run the command
node --version
, if the ouput looks likevxx.xx.x
it means the installation was successful. Download here.
- After the installation run the command
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
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
- Head over to https://vitejs.dev/ to learn more about using vite
- Using the Fetch API
- Window.localStorage
- JSON.stringify
- JSON.parse
I hope it ends up being useful to you, and if you want to contribute, PRs are welcome. 👩🏻💻 🎉 👨🏻💻 🎉