Project OBA ⚙️

Shields that represent my project - They change over time.

PRs Welcome Activity Isseus Language Count NPM MIT-License

Project OBA Concept Design ✏️

TechDefined-concept-design

Live Demo 🎬

See the latest updated demo here: Link to DEMO.


Description 🏷️

For the project OBA, I have to make a singelpage web-application with the focus of creating new concepts what can be done with the current API. For the project i decided to make a netflix inspired application. The application is about renting and searching movies from the OBA inside a app.


Table of Contents ↪️


Features

⛓️ Features for this app are mainly still under construction.

  1. Search
    Search for the Movies you are interested in.
  2. Detail See detailed information about a Movie
  3. Filter Filter between movies formats.

API

newsapi-logo

For this project i am using the api from the OBA
To search on the app im using the endpoints below with the following params:

Key q authorization refine facet output
value {queary} {auth} true type(movie) json

ToDoList

In addition to the features that are now available, there are also additional features and tweaks that can make the app better. Do you have ideas let them know in a PR

  • Keep-scroll position
  • Reponsiveness
  • More filters

Usage

For using this app yourself you need to follow the following steps:

1. Clone Repo locally

git clone https://github.com/TristanVarewijck/OBA-PROJECT.git

2. Connect your API key

If you want to connect with the API you have to fill in your own personal {apiKey}.

${endpoint}${query}&authorization=${auth}&refine=true&facet=type(movie)&output=json}

3. Run on Localhost

For easily running this project on your localhost you can use a VSCODE extension named:
live-server

After installing this extension make sure to reload en hit the "Go Live" button.

Thats it! 😄


Meta

Tristan Varewijck
📧 Tristan.varewijck@gmail.com || :large_blue_diamond: https://www.linkedin.com/in/tristanvarewijck-1999/

Ask Me Anything !


License

Usage is provided under the MIT License MIT. See LICENSE for the full details.