{"id":18666890,"url":"https://github.com/rllyhz/movielistapi","last_synced_at":"2025-11-06T13:30:38.823Z","repository":{"id":127110837,"uuid":"228023935","full_name":"rllyhz/MovieListAPI","owner":"rllyhz","description":"Simple Web Movie List Using API","archived":false,"fork":false,"pushed_at":"2020-02-20T04:44:37.000Z","size":2389,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-12-27T18:12:03.095Z","etag":null,"topics":["html-css-javascript","movie-app","movies-api","webapp"],"latest_commit_sha":null,"homepage":"https://github.com/rllyhz/MovieListAPI","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rllyhz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-12-14T13:02:49.000Z","updated_at":"2021-01-03T17:59:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"793634e3-6219-4e84-830b-be868643a731","html_url":"https://github.com/rllyhz/MovieListAPI","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rllyhz%2FMovieListAPI","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rllyhz%2FMovieListAPI/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rllyhz%2FMovieListAPI/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rllyhz%2FMovieListAPI/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rllyhz","download_url":"https://codeload.github.com/rllyhz/MovieListAPI/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239493675,"owners_count":19647995,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript","movie-app","movies-api","webapp"],"created_at":"2024-11-07T08:34:39.837Z","updated_at":"2025-11-06T13:30:38.792Z","avatar_url":"https://github.com/rllyhz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca id=\"table-of-content\"\u003e\u003c/a\u003e\n\n## Table of Contents\n\n| No  | Content                                      |\n| --- | -------------------------------------------- |\n| 0   | [Introduction](#introduction)                |\n| 1   | [Environment Setup](#env-setup)              |\n| 2   | [How To Run this App](#how-to-run)           |\n| 3   | [Configuration For Yourself](#configuration) |\n| 4   | [File Source Code](#file-source-code)        |\n| 6   | [Follow Me Here](#follow-me)                 |\n| 5   | [References](#references)                    |\n\n\u003ca id=\"introduction\"\u003e\u003c/a\u003e\n\n# Hello My Georgeous Friends in The Internet ◕ ‿ ◕\n\n[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.\n\n**`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](\u003chttps://en.wikipedia.org/wiki/Ajax_(programming)\u003e). so you no longer need to think about it and just be happy with this simple app :D.\n\n![](/images/index.png)\n\nI hope you enjoyed this app and please feel free to download it and to share with your another gorgeous friends around the world! :)\n\n**Love yall** ~emotLove\\* ❤\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#introduction)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n\n\u003ca id=\"env-setup\"\u003e\u003c/a\u003e\n\n## Environment Setup\n\nFortunately, 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 🎉.\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#env-setup)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n\n\u003ca id=\"how-to-run\"\u003e\u003c/a\u003e\n\n## Let's play!\n\n**Follow this instruction for the happy fun!**\n\n1. Download the Source Code [here](#file-source-code \"Just Click!\").\n1. Go to the path where the folder of the app is placed ( like `\\Path\\to\\...\\MovieListAPI`).\n1. Open folder named MovieList.\n1. And double click on the `index.html` file to open the root url of the webApp.\n1. That's it. You have got all. Have fun!\n\n![](/images/index.png)\n\n![](/images/searching.png)\n\n![](/images/detail_movie.png)\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#how-to-run)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n\n\u003ca id=\"configuration\"\u003e\u003c/a\u003e\n\n## Configuration For Yourself\n\n- Firstly, you have to register to https://www.omdbapi.com/ in order to get your own api key.\n[Here](https://www.omdbapi.com/apikey.aspx) the link!\n- And then, please input your api key at the first line of the `js/app.js` file.\n- You'll see there a variable `API_KEY=\"YOUR_API_KEY_HERE\"`, just replace it to your own. For example, `API_KEY=\"245b34a\"`.\n- Finally, the app can be already used.\n\nThat's all. So just go ahead!\nHope you enjoyed it!\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#configuration)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n\n\u003ca id=\"file-source-code\"\u003e\u003c/a\u003e\n\n## Now The Source Code is Yours\n\n### Cloning this repo\n\nOn windows, [`Git`](https://git-scm.com/) **must be installed** in your computer before running the command below in Git Bash:\n\n```bash\ngit clone https://github.com/rllyhz/MovieListAPI.git\n```\n\nOn MacOs or Linux\n\n```bash\nsudo git clone https://github.com/rllyhz/MovieListAPI.git\n```\n\nOr you can just click on the '**Clone or download**' button available in this repo above to download it directly:\n\n\u003cimg src=\"clone_or_download.png\"\u003e\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#file-source-code)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n\n\u003ca id=\"follow-me\"\u003e\u003c/a\u003e\n\n## Thank You\n\n\u003e _\"Thank you for visiting my weekly project. Hope you enjoyed this app!\"_\n\nIf 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:\n\n-  Instagram -\u003e https://www.instagram.com/rllyhz/\n-  Twitter -\u003e https://www.twitter.com/rllyhz/\n\n**_Follow me and stay tuned!!_**\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#follow-me)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n\n\u003ca id=\"references\"\u003e\u003c/a\u003e\n\n## References\n\n| Name            | Detail                                               |\n| --------------- | ---------------------------------------------------- |\n| HTML            | https://en.wikipedia.org/wiki/HTML                   |\n| CSS             | https://en.wikipedia.org/wiki/Cascading_Style_Sheets |\n| Javascript      | https://en.wikipedia.org/wiki/JavaScript             |\n| Omdb API        | http://www.omdbapi.com/                              |\n| AJAX Technology | https://en.wikipedia.org/wiki/Ajax_(programming)     |\n| Wikipedia       | https://en.wikipedia.org/wiki/Operating_system       |\n| Git             | https://git-scm.com/                                 |\n\n\u003cbr /\u003e\n\n[**🡹 Go to the top**](#references)\n\n[**🡹 Go to the Table of Contents**](#table-of-content)\n\n\u003cbr /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frllyhz%2Fmovielistapi","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frllyhz%2Fmovielistapi","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frllyhz%2Fmovielistapi/lists"}