Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/epaltechs/javascript-capstone-project

In this JavaScript Capstone Project, we used the TVmaze API as the base for the development of this Webapp. We used the Involvement API to record the different user interactions (likes, comments and reservations). We built the following interfaces: the home page, comments popup, and the reservations popup.
https://github.com/epaltechs/javascript-capstone-project

css html javascript webpack

Last synced: 20 days ago
JSON representation

In this JavaScript Capstone Project, we used the TVmaze API as the base for the development of this Webapp. We used the Involvement API to record the different user interactions (likes, comments and reservations). We built the following interfaces: the home page, comments popup, and the reservations popup.

Awesome Lists containing this project

README

        

# Js Group Project

> Js Group Project made by a team of three persons, This a movie website which fetches data from the TvMaze Api and displays it in ui , it allows the users to add comments, reservations and also to like the movies.

![js-group-project](https://user-images.githubusercontent.com/98400013/170769663-318e5548-90d8-4518-bf0f-68069c8e87fd.png)

## Built With

- HTML
- CSS
- Js
- Webpack

## Live Demo (if available)

[Live Demo Link](https://epaltechs.github.io/JavaScript-Capstone-Project)

[Live Demo Link](https://62bf0fffde934f7ef424ee81--vocal-speculoos-da966d.netlify.app)

## Live presentation of the project
[Live presentation](https://drive.google.com/file/d/1Wzhbcowhe_mbe0swPFA95Y-UgZRGbJsT/view?usp=sharing)

## Getting Started

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

- Copy this link [email protected]:yayner2002/js-group-project.git.
- Get the directory that you want to clone the repository.
- Open the command prompt in this directory.
- Write [email protected]:yayner2002/js-group-project.git.
- Go to the repository folder in your command prompt cd movie-capstone.
- Run npm install to install the dev dependencies for linters and webpack.
- Run npm build to build the application with webpack .
- Run npm run start to start the development server.
- Run npm run test to run the tests.

### Prerequisites
- Web browser
- Code editor

### Setup

```bash
npm install
```

```bash
npm build
```

```bash
npm start
```

### Install

``` install npm
npm install
```
``` install jest
npm i -D jest
```
``` install webpack
npm i -D webpack webpac-cli
```

### Run the following commands to run linter tests

WebHint
```bash
npx hint .
```

StyleLint
```bash
npx stylelint "**/*.{css,scss}"
```

ESLint
```bash
npx eslint .
```

### Deployment

## Authors

👤 **Author1**

- GitHub: [@medsonmoombe](https://github.com/medsonmoombe)
- Twitter: [@emmanue78388405](https://twitter.com/@emmanue78388405)
- LinkedIn: [Emmanuel moombe](https://www.linkedin.com/in/emmanuel-moombe-821918230/)

👤 **Author2**

- GitHub: [@yayner2002](https://github.com/yayner2002)
- Twitter: [@wediagazian](https://twitter.com/wediagazian)
- LinkedIn: [LinkedIn](https://linkedin.com/in/yaynshet-medhin)

👤 **Author3**

- GitHub:[Emmanuel Paul](https://github.com/Epaltechs)
- Twitter: [Emmanuel Paul](http://twitter.com/@emmapaul247)
- LinkedIn: [Emmanuel Paul](https://www.linkedin.com/in/emmanuel-s-paul/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

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

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

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

## 📝 License

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