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.
- Host: GitHub
- URL: https://github.com/progress2002/luxopremier
- Owner: Progress2002
- License: mit
- Created: 2023-01-07T00:30:21.000Z (over 3 years ago)
- Default Branch: develop
- Last Pushed: 2023-01-30T05:53:08.000Z (over 3 years ago)
- Last Synced: 2025-09-24T17:50:45.369Z (9 months ago)
- Topics: api-rest, css3, html5, jest-tests, vanilla-javascript, webpack
- Language: JavaScript
- Homepage:
- Size: 852 KB
- Stars: 7
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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.
- HTML
- CSS
- Javascript
- Webpack
- APIs
- Jest
Webpack
Jest
- **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**
- [You can view the presentation of our project here](https://drive.google.com/file/d/1H5PkA-i1_EXW1Vu3j3ECRZrKJuYUP3YE/view)
- [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)
To get a local copy up and running follow these simple example steps.
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
```
You can deploy this project using:
```sh
npm start
```
π€ **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)
- [ ] **Implement additional home pages, one page per category of movies**
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Progress2002/LuxoPremier/issues).
Please give a βοΈ if you like this project! π€
- 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.
- **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/
```
This project is [MIT]([./LICENSE](https://github.com/Progress2002/LuxoPremier/blob/develop/LICENSE) licensed.