Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/kwekubright/javascript-group-capstone

In this project we build a TVSeries website using Javascript, HTML, CSS and the TVMAze API. Each movie list on the page has a like and comments feature
https://github.com/kwekubright/javascript-group-capstone

Last synced: 8 days ago
JSON representation

In this project we build a TVSeries website using Javascript, HTML, CSS and the TVMAze API. Each movie list on the page has a like and comments feature

Awesome Lists containing this project

README

        

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

# MicroFLIX

> This project is a development about TV series, we fetched all data from TVmaze API, Users can like movies and also give a comment. All data are recorded in the involvement API and also displayed on the screen. The page is also mobile responsive.

![image](https://user-images.githubusercontent.com/5249414/175853564-0f7347f3-ef14-4c2e-a05e-37e36e0c41b9.png)

## Built With

- HTML
- CSS
- JavaScript
- ES6
- Webpack

## Getting Started

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

### Clone this repository

```
https://github.com/kwekubright/javascript-group-capstone.git
```

### Live Demo

[Link here](https://kwekubright.github.io/javascript-group-capstone/)

## This project is built with webpack

- To work on this Repository Locally you need to run some command for basic Installation.
***NOTE: The minimum supported Node.js version to run webpack 5 is 10.13.0 (LTS)***
- Click Here for node Installation - [node](https://nodejs.org/en/download/)

## Basic Setup

### Let's run npx webpack, which will take our script at src/index.js as the entry point, and will generate dist/main.js as the output.

```npx webpack```

```npx webpack --config webpack.config.js```

```npm run build```

## Setting up HtmlWebpackPlugin
### First install the plugin and adjust the webpack.config.js file:
```
npm install --save-dev html-webpack-plugin
```

### Loading CSS
```
npm install --save-dev style-loader css-loader
```

## Development
### Using webpack-dev-server
```npm install --save-dev webpack-dev-server```

### Deployment

Run ```npm start```

## Authors

👤 **Kwekubright**

- GitHub: [@githubhandle](https://github.com/kwekubright)
- Twitter: [@twitterhandle](https://twitter.com/kwekubright_)
- LinkedIn: [LinkedIn](https://linkedin.com/in/kwekubright)

👤 **Abdulhamid**

- GitHub: [@githubhandle](https://github.com/abdulhamiid)
- Twitter: [@twitterhandle](https://twitter.com/abdulhamid_adio)
- LinkedIn: [LinkedIn](https://linkedin.com/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/kwekubright/javascript-group-capstone/issues).

## 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.