https://github.com/cobbyelsonfx/javascript-capstone
This is a Javscript Capstone project called MovizHub, it serves as a SPA that uses TV maze API to show a serires of TV shows and movies which can be liked, commented and reserved.
https://github.com/cobbyelsonfx/javascript-capstone
css html javascript linter webp
Last synced: 8 months ago
JSON representation
This is a Javscript Capstone project called MovizHub, it serves as a SPA that uses TV maze API to show a serires of TV shows and movies which can be liked, commented and reserved.
- Host: GitHub
- URL: https://github.com/cobbyelsonfx/javascript-capstone
- Owner: CobbyElsonfx
- Created: 2023-08-07T18:53:54.000Z (over 2 years ago)
- Default Branch: dev-branch
- Last Pushed: 2023-10-19T21:29:44.000Z (about 2 years ago)
- Last Synced: 2025-02-18T01:30:34.585Z (11 months ago)
- Topics: css, html, javascript, linter, webp
- Language: JavaScript
- Homepage: https://cobbyelsonfx.github.io/JavaScript-Capstone/
- Size: 1.64 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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)
- [Deployment](#triangular_flag_on_post-deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)
# 📖 [About the Project - CAPSTONE PROJECT - MODULE 2.]
**Capstone Project - Module 2** It's a simple web app for displaying Movies Information and editing likes, comments and reservations.
### Tech Stack
- HTML
- CSS
- JAVASCRIPT
- BOOTSTRAP
- WEBPACK
- GITFLOW
- JEST
- **Good HTML, CSS & JavaScript practices**
- **A webpage with the use of linters**
- **Dynamic interactivity with JavaScript**
- **Project bundled with Webpack**
- **Unit testing with Jest**
🚀 Live Demo
Link to the deployed project [MovizHub](https://cobbyelsonfx.github.io/JavaScript-Capstone/dist)
.
🚀Live Preview
To get a local copy up and running, follow these steps.
Clone this repository to your desired folder by running the following commands in your terminal:
```sh
cd your-prefered-folder-name
git clone https://github.com/Rafiduzzaman/Capstone-Project-Module2.git
```
In order to run this project you need the following tools:
- A modern web browser (Chrome, Firefox, Safari, Edge).
- An IDE (e.g.: Vscode, Sublime Text,...).
- A terminal (Git Bash).
- Install and use Webpack project bundler.
- Install this project with linters and Webpack bundler:
```sh
cd to_do_list
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
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
install & configure Webpack bundler with npm, lodash, HTMLWebpack plugin and Webpack-dev-server
```
To run the project, execute the following command:
```sh
Open the project in Webpack dev server or Open the index.html file, from dist/ folder, on your browser.
```
### Build the project with Webpack and run a dev server
```
Run the following commands in the terminal:
npm run build
npm start
```
To run tests, run the following command:
```sh
npx hint . (--fix option)
npx stylelint "**/*.{css,scss}" (--fix option)
npx eslint . (--fix option)
```
🚀 Project deployment.
https:///
👤 **Juan Carlos Muñoz**
- GitHub: [@jcmunav63](https://github.com/jcmunav63)
- Twitter: [@jcmunav63](https://twitter.com/jcmunav63)
- LinkedIn: [@juan-carlos-muñoz-navarrete](https://www.linkedin.com/in/juan-carlos-mu%C3%B1oz-navarrete-5a15b6276/)
👤 **Md.Rafiduzzaman**
- GitHub: [@Rdzaman20000](https://github.com/Rdzaman20000)
- Twitter: [@99_spectre](https://twitter.com/99_spectre)
- LinkedIn: [@md-rafiduzzaman-nahin](https://www.linkedin.com/in/md-rafiduzzaman-nahin-7431ab1b4/)
👤 **MR. FRANCIS ANDOH**
- GitHub: [@CobbyElsonfx](https://github.com/CobbyElsonfx)
- LinkedIn: [@FrancisAndoh](https://www.linkedin.com/in/francis-andoh-133aa7245/)
## 🔭 Future Features
The Movie website will offer the following features:
- **Deploy this site to Github Pages**
All contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project, please support me with a like or a star.
Thanks to my learning partners and the staff at Microverse.
This project is [MIT](./MIT.md) licensed.