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

https://github.com/progress2002/luxopremier

(Collaborative Capstone Project) LuxoPremier is a website that shows you all the latest Tv-shows, you can browse, like, and comment on your favorites. Users can get the details about a particular show LuxoPremier also has a search feature that allows you to search for a particular show.
https://github.com/progress2002/luxopremier

api-rest css3 html5 jest-tests vanilla-javascript webpack

Last synced: 5 months ago
JSON representation

(Collaborative Capstone Project) LuxoPremier is a website that shows you all the latest Tv-shows, you can browse, like, and comment on your favorites. Users can get the details about a particular show LuxoPremier also has a search feature that allows you to search for a particular show.

Awesome Lists containing this project

README

          

# πŸ“— Table of Contents

- [πŸ“— Table of Contents](#-table-of-contents)
- [πŸ“– Javascript Group Capstone ](#-javascript-group-capstone-)
- [πŸ›  Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [πŸš€ Presentaton Link ](#-presentaton-link-)
- [πŸš€ Live Demo ](#-live-video-)
- [πŸš€ Project Details](#-project-details)
- [πŸ‘₯ Team](#--team)
- [πŸš€ Code Review link](#-code-review-link)
- [πŸ’» Getting Started ](#-getting-started-)
- [Prerequisites ](#prerequisites-)
- [Setup](#setup)
- [Clone Git Repository](#clone-git-repository)
- [Install Dependencies](#install-dependencies)
- [Deployment ](#deployment-)
- [πŸ‘₯ Authors ](#-authors-)
- [πŸ”­ Future Features ](#-future-features-)
- [🀝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [πŸ™ Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [πŸ“ License ](#-license-)

# πŸ“– Javascript Group Capstone

> In this project, a website for movies is being build. The external API used for showing movies and its details is [TVmaze API](https://www.tvmaze.com/api).
> The webapp has 2 user interfaces.

- A home page showing a list of movies items that you can interact with the like button
- A popup window with detailed information about the movie. You can leave a comment as well.

## πŸ›  Built With

- HTML
- CSS
- Javascript
- Webpack
- APIs
- Jest

### Tech Stack

Webpack

Jest

### Key Features

- **Users can click on like buttons to like a movie**
- **Users can click on comment button, read details and add comment to a movie**
- **Users can filter the total number of movies displayed**
- **Users can search up a new movie with the search button**

(back to top)

## πŸš€ Presentaton Link

- [You can view the presentation of our project here](https://drive.google.com/file/d/1H5PkA-i1_EXW1Vu3j3ECRZrKJuYUP3YE/view)

## πŸš€ Live Demo

- [Live Demo Link](https://progress2002.github.io/LuxoPremier/dist/)

## πŸš€ Project Details

- [JavaScript capstone project](https://github.com/microverseinc/curriculum-javascript/blob/main/group-capstone/js_capstone.md)

## πŸ‘₯ Team
- [ ] [Kennedy Owusu](https://github.com/kennedyowusu)
- [ ] [Progress Ezeamaka](https://github.com/Progress2002)

## πŸš€ Code Review link

- [Kennedy](https://github.com/kennedyowusu/Group-Capstone-Project/pull/25)

- [Progress](https://github.com/kennedyowusu/Group-Capstone-Project/pull/26)

## πŸ’» Getting Started

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

### Prerequisites

In order to run this project you need:

- [x] You need to have **nodejs** installed.
- [x] You need to have a browser like **Google Chrome** installed.
- [x] You need to have **git** installed
- [x] You to have a code editor like **VS Code** or any other code-editors installed on you device.

### Setup

### Clone Git Repository

- In Visual Studio Code β€œTerminal” change the current working directory to the location where you want the cloned directory.

- Type git clone in the terminal, paste the URL you copied earlier, and press β€œenter” to create your local clone.

```
- git clone URL

https://github.com/kennedyowusu/Group-Capstone-Project
```

### Install Dependencies

```sh
npm install
```

### Deployment

You can deploy this project using:

```sh
npm start
```

(back to top)

## πŸ‘₯ Authors

πŸ‘€ **Progress Ezeamaka**

- GitHub: [@githubhandle](https://github.com/Progress2002)
- Twitter: [@twitterhandle](https://twitter.com/Progress_2002)
- LinkedIn: [LinkedIn](www.linkedin.com/in/progress-c-ezeamaka)

πŸ‘€ **Kennedy Owusu**

- GitHub: [@kennedyowusu](https://github.com/kennedyowusu)
- Twitter: [@\_iamkobby](https://twitter.com/_iamkobby)
- LinkedIn: [kennedy-owusu](https://linkedin.com/in/kennedy-owusu)

(back to top)

## πŸ”­ Future Features

- [ ] **Implement additional home pages, one page per category of movies**

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Progress2002/LuxoPremier/issues).

(back to top)

## ⭐️ Show your support

Please give a ⭐️ if you like this project! 🀝

(back to top)

## πŸ™ Acknowledgments

- Thanks to [Microverse](https://www.microverse.org/) for giving this opportunity to learn ...
- Code Reviewers & Coding Partners.
- Hat tip to anyone whose code was used.

(back to top)

## ❓ FAQ

- **How to generate a new key for the API?**

- Open VScode and generate a key by using the following command

```
curl -X POST https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/apps/
```

(back to top)

## πŸ“ License

This project is [MIT]([./LICENSE](https://github.com/Progress2002/LuxoPremier/blob/develop/LICENSE) licensed.

(back to top)