Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kelvin-ben/javascript-project

In this project, We created an interactive web app using multiple API's to get and render info and multimedia, as well as implement like and comment features.
https://github.com/kelvin-ben/javascript-project

api async-await es6-javascript html-css-javascript webpack

Last synced: 2 days ago
JSON representation

In this project, We created an interactive web app using multiple API's to get and render info and multimedia, as well as implement like and comment features.

Awesome Lists containing this project

README 

        
# Javascript Capstone: shows Site.



![](https://img.shields.io/badge/Microverse-blueviolet)



# interactive wepApp with Webpack and APIs.



![Screenshot_2022-10-20_20-49-46](https://user-images.githubusercontent.com/85459676/197026288-a63cf34c-858d-4502-b8f8-d0343374fafc.png)



# Project Video link:

[link to video](https://user-images.githubusercontent.com/85459676/197043856-26adebc1-8375-4fe1-a9f3-039c12476590.mp4)



> In this project, We created an interactive web app using multiple API's to get and render info and multimedia, as well as implement like and comment features.



## Built With



- Major languages

  HTML

  CSS

  JavaScript



- Frameworks

  None



- Technologies used

  Use of webpack, API and ES6 syntax.



- APIs used

  [TV maze API: used for getting the show information.](https://www.tvmaze.com/api).

  [Interactive API: used for like and commenting features.](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270).



## Live Demo (if available)



[Live Demo Link]()



## Getting Started



Clone the Repo and power on the live-server to view the App or click on the live demo link.



To get a local copy up and running follow these simple example steps.



### Prerequisites



Install a code editor and have a working browser.



## Getting started



To get a local copy up and running follow these simple example steps.



1- Navigate to the button on the top right green "code" button.



2- In the drop down menu choose "Download Zip" or clone it using git using the following command.



$ [email protected]:Kelvin-Ben/Javascript-Project.git



3- After extracting the files, you'll have my project on your local machine.



4- to run the project you'll need to use the following command in your terminal to set up the node modules.



$ npm run start



5- after opening the project in the localHost using live server, you might have to click the dist folder to see the project.



6- for development only purposes: $ npm run serve in the terminal.



### Usage



This app will present you with a cover full of many movies and shows directly loaded from the API, you can also check out their details by clicking on them.



This app also lets you like and comment on any show poster you want, also to see the likes and comments of other users.



### Deployment



This App was deployed using the github apps deployment. But you can also run "npm run start" in your terminal after the setup process.



## Authors



👤 **Kelvin Benjamin**



- GitHub: [@Kelvin-Ben](https://github.com/Kelvin-Ben)

- Twitter: [@kevoyou144](https://twitter.com/kevoyout144)

- LinkedIn: [Kelvin-Ben](https://www.linkedin.com/in/kelvin-ben-323043173/)



👤 **Stanley Tochukwu Enekwe:**



- GitHub: [@Enekwestanley](https://github.com/Enekwestanley)

- Twitter: [@Tochukwu87](https://twitter.com/tochukwu87)

- LinkedIn: [stanley-enekwe](https://www.linkedin.com/in/stanley-enekwe-285104230/)



## 🤝 Contributing



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](https://github.com/Kelvin-Ben/Javascript-Project).



## Show your support



Give a ⭐️ if you like this project!



## Acknowledgments



- Hat tip to anyone whose code was used

- Inspiration

- etc



## 📝 License



This project is [MIT](./MIT.md) licensed.