https://github.com/uthmanbello/capstone2
A single-page application that interacts with two APIs. It is an app wherein users can 'like' respective seasons of 'The 100' series, add comments, and make reservations too. Built with JavaScript.
https://github.com/uthmanbello/capstone2
css3 html5 javascript webpack
Last synced: 9 months ago
JSON representation
A single-page application that interacts with two APIs. It is an app wherein users can 'like' respective seasons of 'The 100' series, add comments, and make reservations too. Built with JavaScript.
- Host: GitHub
- URL: https://github.com/uthmanbello/capstone2
- Owner: Uthmanbello
- License: mit
- Created: 2023-02-07T13:15:12.000Z (over 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-07-05T21:04:08.000Z (almost 3 years ago)
- Last Synced: 2025-04-08T04:32:12.502Z (about 1 year ago)
- Topics: css3, html5, javascript, webpack
- Language: JavaScript
- Homepage: https://Uthmanbello.github.io/capstone2/dist
- Size: 6.94 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Capstone 2
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Key Features](#key-features)
- [💻 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)
**[Capstone 2]** is a single-page application that interacts with two APIs. It is an app wherein users can 'like' respective seasons of 'The 100' series, add comments, and make reservations too. Built with JavaScript
## 🛠 Built With
-HTML
-CSS
-JavaScript
- **[The project was built using ES6]**
- **[Modules were imported/exported for the JavaScript]**
- **[Webpack bundling was used]**
- **[TVMaze and Invovlement APIs were consumed]**
- **[GitHub Projects was used to track progress throughout the app building]**
Click on the link below for the project presentation:
- [Presentation Link](https://drive.google.com/file/d/1EzH2a3eMOoDAoMNG2LJM0yU8dbKfCCcN/view?usp=sharing)
- [Live Demo Link](https://uthmanbello.github.io/capstone2/dist)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
-a code editor installed
-linters environment fully setup
### Setup
Clone this repository to your desired folder:
To clone this repository to your desired folder, use your code editor terminal or git bash, then type the command below:
git clone https://github.com/Uthmanbello/capstone2
### Install
1. Install WebHint:
npm install --save-dev hint@7.x
2. Install StyleLint
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, execute the following command:
- open cloned folder in your code editor
### Run tests
To run tests, run the following command:
To run tests and check for errors:
- After installing the required linter,
npx stylelint "**/*.{css,scss}"
- To fix CSS or SCSS linters error:
npx stylelint "**/*.{css,scss}" --fix
-To fix JS linters errors
npx eslint . --fix
### Deployment
You can deploy this project using:
-[Deployment Link](https://uthmanbello.github.io/capstone2/dist)
👤 **Uthman Bello**
- GitHub: [Uthmanbello](https://github.com/Uthmanbello)
- Twitter: [@UthmanDeRoyale](https://twitter.com/UthmanDeRoyale)
- LinkedIn: [Uthman Igein Bello-Imoukhuede](linkedin.com/in/uthman-igein-bello-imoukhuede)
👤 **Kola Kolade**
- GitHub: [kkolade](https://github.com/kkolade)
- Twitter: [@kola_kolade](https://twitter.com/kola_kolade)
- LinkedIn: [Kola Kolade](https://linkedin.com/in/kolakolade/)
👤 **Mark Rubanza**
- GitHub: [banzaman](https://github.com/banzaman)
- Email: [Mark Rubanza](markrubanza10@gmail.com)
- LinkedIn: [Mark Rubanza Anderson](https://www.linkedin.com/in/mark-rubanza-anderson-4399a2211/)
🔭 Future Feature
- **[Consumption of more APIs]**
- **[More dynamic styling]**
- **[Improved UX interaction]**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
Give a like if you like this project and kindly follow us using our social media handles
We would like to thank my learning partners, morning and standup team members, mentors and other friends who helped throughout the process
This project is [MIT](./LICENSE) licensed.