Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/ashmalzahra/javascript-group-capstone-project

This JavaScript capstone project is about building web application based on an external API. The API provides data about TV Shows and the app has been built around it.
https://github.com/ashmalzahra/javascript-group-capstone-project

api-rest asyncronous best-practices callback code-review es6-modules git-conflicts gitflow html-css-javascript jest json promise single-page-app unit-testing webpack

Last synced: 22 days ago
JSON representation

This JavaScript capstone project is about building web application based on an external API. The API provides data about TV Shows and the app has been built around it.

Host: GitHub
URL: https://github.com/ashmalzahra/javascript-group-capstone-project
Owner: ashmalzahra
License: mit
Created: 2023-02-06T19:34:28.000Z (almost 2 years ago)
Default Branch: develop
Last Pushed: 2023-04-13T22:34:10.000Z (over 1 year ago)
Last Synced: 2024-12-06T03:44:55.573Z (about 1 month ago)
Topics: api-rest, asyncronous, best-practices, callback, code-review, es6-modules, git-conflicts, gitflow, html-css-javascript, jest, json, promise, single-page-app, unit-testing, webpack
Language: JavaScript
Homepage:
Size: 451 KB
Stars: 0
Watchers: 1
Forks: 1
Open Issues: 0
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)

  - [Deployment](#triangular_flag_on_post-deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [❓ FAQ (OPTIONAL)](#faq)

- [📝 License](#license)

# 📖 JavaScript Group Project

The JavaScript capstone project is about building my own web application based on an external API. The webapp has 2 user interfaces:

- A home page showing a list of items that you can "like."

- A popup window with more data about an item that you can use to comment on.

## Built With

- HTML, CSS, JavaScript

- VSCode and GitHub

- Webpack

- [TVMAZE API](https://www.tvmaze.com/api)

- [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270)

(back to top)


### Tech Stack 

  Client

  


    JavaScript

  

  

    Html

  

  

    CSS

  


  Server

  


    Involvement API

    MealsDB API

  


Database

  


    N/A

  


### Key Features

- **[Git Flow]**

- **[Good HTML, CSS and JS practices]**

- **[ES6, modules]**

(back to top)


## Live Demo

[Live Demo Link](https://tv-shows.onrender.com/)

## 💻 Getting Started

Clone this repository to get started with the project, make sure to configure linters by following the instructions in the [Linters README file](https://github.com/microverseinc/linters-config/blob/master/README.md)

### Prerequisites

In order to run this project you need:

- A working computer.

- Connection to internet.

### Setup

- Clone the folder to your local machine.

- Open a local copy of the project in your code editor.

- Open the index.html file from the **/dist** folder in your browser.

- Run npm install to install all dev dependencies for Linters, Webpack & Babel.

(back to top)


### Usage

- To run the project, execute the following command:

    - npm run start in your terminal.

- To run test functions, execute the following command:

    - npm test in your terminal.

(back to top)


### Run tests

- After pushing the changes on github, merge your pull request and let github action process changes and fix errors, if any.

- For stylelint errors run:sudo npx stylelint "\*_/_.{css,scss}" --fix for automatic fix.

(back to top)


## 👥 Authors

👤 **Ashmal Zahra**

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

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

- LinkedIn: [ashmal-zahra](https://www.linkedin.com/in/ashmal-zahra)

👤 **Jesus Molina**

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

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

- LinkedIn: [Jesus Molina](https://www.linkedin.com/in/jesus-molina-2b104424a/)

(back to top)


## 🔭 Future Features 

- [ ] **Cool styles will be added in the future**

(back to top)


## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

(back to top)


## ⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse for the information provided to build this project.

(back to top)


## ❓ FAQ (OPTIONAL) 

- **Can I use the project for any purpose?**

  - Yes, you can.

- **Is the information saved in any database?**

  - No, all data is saved in Local Storage.

(back to top)


## 📝 License

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

(back to top)