https://github.com/k0ppai/siribox
SiriBox is a website that showcases a collection of movies and TV shows. It serves as the capstone project for the Microverse JavaScript curriculum. Developed using JavaScript, HTML, CSS, and Webpack, it utilizes API data to display content. Users can interact by liking and commenting on the website and filter shows according to genres.
https://github.com/k0ppai/siribox
api-rest bootstrap html-css-javascript webpack
Last synced: 5 months ago
JSON representation
SiriBox is a website that showcases a collection of movies and TV shows. It serves as the capstone project for the Microverse JavaScript curriculum. Developed using JavaScript, HTML, CSS, and Webpack, it utilizes API data to display content. Users can interact by liking and commenting on the website and filter shows according to genres.
- Host: GitHub
- URL: https://github.com/k0ppai/siribox
- Owner: K0ppai
- License: mit
- Created: 2023-06-26T09:16:22.000Z (about 3 years ago)
- Default Branch: develop
- Last Pushed: 2023-07-27T10:39:03.000Z (almost 3 years ago)
- Last Synced: 2025-06-08T09:07:03.042Z (about 1 year ago)
- Topics: api-rest, bootstrap, html-css-javascript, webpack
- Language: JavaScript
- Homepage: https://siribox.netlify.app/
- Size: 790 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
***SiriBox*** is a website that showcases a collection of movies and TV shows. It serves as the capstone project for the Microverse JavaScript curriculum. Developed using JavaScript, HTML, CSS, and Webpack, it utilizes API data to display content. Users can interact by liking and commenting on the website.
## 🛠 Built With
- HTML.
- CSS.
- JavaScript
- Webpack
Client
- **Add likes and comments**
- **Use of Webpack.**
- **Use of API**
- Click here for [live](https://siribox.netlify.app/) demo.
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- A Chrome browser
- npm
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/K0ppai/SiriBox.git
```
### Install
Install the prerequisites this project using:
```sh
cd SiriBox
npm init -y
npm install --save-dev hint@7.x
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
```
### Usage
To run the project:
```
npm run start
```
### Run tests
To run tests after setting up the linters, run the following command:
```sh
npx hint .
```
```sh
npx stylelint "**/*.{css,scss}"
```
👤 **Paing Soe Thu**
- GitHub: [@K0ppai](https://github.com/K0ppai)
- Twitter: [@_koppai_](https://twitter.com/_koppai_)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/paingsoe-thu)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
You can show your support by giving a star to this project.
- Thank you for code reviews and pull requests!
- This project is [MIT](./LICENSE) licensed.