https://github.com/rllyhz/movielistapi
Simple Web Movie List Using API
https://github.com/rllyhz/movielistapi
html-css-javascript movie-app movies-api webapp
Last synced: 8 months ago
JSON representation
Simple Web Movie List Using API
- Host: GitHub
- URL: https://github.com/rllyhz/movielistapi
- Owner: rllyhz
- License: mit
- Created: 2019-12-14T13:02:49.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-02-20T04:44:37.000Z (over 6 years ago)
- Last Synced: 2024-12-27T18:12:03.095Z (over 1 year ago)
- Topics: html-css-javascript, movie-app, movies-api, webapp
- Language: JavaScript
- Homepage: https://github.com/rllyhz/MovieListAPI
- Size: 2.28 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Table of Contents
| No | Content |
| --- | -------------------------------------------- |
| 0 | [Introduction](#introduction) |
| 1 | [Environment Setup](#env-setup) |
| 2 | [How To Run this App](#how-to-run) |
| 3 | [Configuration For Yourself](#configuration) |
| 4 | [File Source Code](#file-source-code) |
| 6 | [Follow Me Here](#follow-me) |
| 5 | [References](#references) |
# Hello My Georgeous Friends in The Internet ◕ ‿ ◕
[Today](# "15 December 2019"), I have created something awesome and want to share with y'all❤. That's my second project after **`Text Editor App`**. It is a **`Movie List WebApp`**. This WebApp was built using [`HTML`](https://en.wikipedia.org/wiki/HTML "HyperText Markup Language"), [`CSS`](https://en.wikipedia.org/wiki/Cascading_Style_Sheets "Cascading Style Sheets"), and then [`Javascript`](https://en.wikipedia.org/wiki/JavaScript "Javascript") language for the entire logic of the app. You can run this app in any of the latest Web Browser, such as Chrome (recommended), Firefox, Opera, etc.
**`Movie List WebApp`** use [**`Omdb API`**](http://www.omdbapi.com/) to get all of the data of the movies. So the data will be obtained from the API and be extracted to the website using [AJAX Technology](). so you no longer need to think about it and just be happy with this simple app :D.
I hope you enjoyed this app and please feel free to download it and to share with your another gorgeous friends around the world! :)
**Love yall** ~emotLove\* ❤
[**🡹 Go to the top**](#introduction)
[**🡹 Go to the Table of Contents**](#table-of-content)
## Environment Setup
Fortunately, there is no any pre-requirements you have to solve to run it. Just access the `index.html` file on your browser or you can just double click on it to open and there you go 🎉.
[**🡹 Go to the top**](#env-setup)
[**🡹 Go to the Table of Contents**](#table-of-content)
## Let's play!
**Follow this instruction for the happy fun!**
1. Download the Source Code [here](#file-source-code "Just Click!").
1. Go to the path where the folder of the app is placed ( like `\Path\to\...\MovieListAPI`).
1. Open folder named MovieList.
1. And double click on the `index.html` file to open the root url of the webApp.
1. That's it. You have got all. Have fun!
[**🡹 Go to the top**](#how-to-run)
[**🡹 Go to the Table of Contents**](#table-of-content)
## Configuration For Yourself
- Firstly, you have to register to https://www.omdbapi.com/ in order to get your own api key.
[Here](https://www.omdbapi.com/apikey.aspx) the link!
- And then, please input your api key at the first line of the `js/app.js` file.
- You'll see there a variable `API_KEY="YOUR_API_KEY_HERE"`, just replace it to your own. For example, `API_KEY="245b34a"`.
- Finally, the app can be already used.
That's all. So just go ahead!
Hope you enjoyed it!
[**🡹 Go to the top**](#configuration)
[**🡹 Go to the Table of Contents**](#table-of-content)
## Now The Source Code is Yours
### Cloning this repo
On windows, [`Git`](https://git-scm.com/) **must be installed** in your computer before running the command below in Git Bash:
```bash
git clone https://github.com/rllyhz/MovieListAPI.git
```
On MacOs or Linux
```bash
sudo git clone https://github.com/rllyhz/MovieListAPI.git
```
Or you can just click on the '**Clone or download**' button available in this repo above to download it directly:
[**🡹 Go to the top**](#file-source-code)
[**🡹 Go to the Table of Contents**](#table-of-content)
## Thank You
> _"Thank you for visiting my weekly project. Hope you enjoyed this app!"_
If you love this project, please give me some loves and supports by visiting and following my social media as well to look at some of my next awesome weekly projects, here:
- Instagram -> https://www.instagram.com/rllyhz/
- Twitter -> https://www.twitter.com/rllyhz/
**_Follow me and stay tuned!!_**
[**🡹 Go to the top**](#follow-me)
[**🡹 Go to the Table of Contents**](#table-of-content)
## References
| Name | Detail |
| --------------- | ---------------------------------------------------- |
| HTML | https://en.wikipedia.org/wiki/HTML |
| CSS | https://en.wikipedia.org/wiki/Cascading_Style_Sheets |
| Javascript | https://en.wikipedia.org/wiki/JavaScript |
| Omdb API | http://www.omdbapi.com/ |
| AJAX Technology | https://en.wikipedia.org/wiki/Ajax_(programming) |
| Wikipedia | https://en.wikipedia.org/wiki/Operating_system |
| Git | https://git-scm.com/ |
[**🡹 Go to the top**](#references)
[**🡹 Go to the Table of Contents**](#table-of-content)