Skip to content

erreinoso/Series-searcher

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Series Searcher 🎥

This is the proposal for an app to search tv shows so the user could also select their favourites and add them to a list.

The user's favourite shows had to be locally stored so they would remain in the list on future visits to the site. I used html, sass and javascript partials compiled with node/gulp.

screenshot of search page

- Requirements

  • This project we are asked to make a call to an API, where we can get data from all available TV series.

  • After getting all the series stored, we can search for the one we want and add it to a list of favorites.

  • Selecting the one we want and adding it will also change the background color.

  • We will save each of these movies in Local Storage so we can keep watching them without refreshing the page.

  • We can remove the movie we want from our favorites list.

Learnings 💡

  • Learn basic programming concepts (variables, data structures, conditionals, functions, etc.).

  • Understand how to manipulate the DOM of a page and respond to user events.

-Handle complex data structures, with arrays and objects.

  • Make requests to the server and store data in LocalStorage.

Tools 💻

  • Adalab Web Starter Kit tool, through which we automated many of the tasks.
  • JavaScript
  • HTML5
  • CSS - SCSS

How to run this project? 👇

  • You need to have Node.js installed

  • Clone or download the repository in your computer.

To install local dependencies, type:

npm install

npm start

This runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

Creator👋

This tiny project was created by Elena Ramírez Reinoso

How to reach me:

GitHub: @erreinoso

Email: [email protected]

Twitter: @_ElenaRReinoso

LinkedIn: @eramirezreinoso