Netclicks is a single-based Java Script web app for searching TV series based on the following criteria.
- User search input
- Average vote rating
- Popularity
- Airing today
- Air date in the next 7 days
The app is build during Glo Academy Java Script workshop and is based on the starter code provided by them.
The project consists of four parts and solves the following tasks.
- Part 1
- Open/close side menu
- Add dropdown menu
- Change images on tv cards on mouseover
- Part 2
- Open/close modal window
- Prevent page from scrolling after modal window opening
- Render movie cards
- Get JSON data from server
- Part 3
- Add preloaders
- Handle search form
- Fill in modal window
- Update data in modal window
- Part 4
- Close dropdown menu when closing main menu
- Add links and API requests to dropdown menu items
- Pagination
To use the Netclicks web app, the TMDb API is required.
Steps to run Netclicks from local repo.
- Clone this repository.
cd
into project directory.- Create config.js file.
- Put your API key in config.js file.
const apiconfig = {
API_KEY: 'YOUR_API_KEY'
}
- Go to
http://127.0.0.1:5500/index.html
in your browser.