https://github.com/natig25/moviespace

This web application displays top rated movies coming from an API. Users can like & comment on movies they like. Build with JavaScript.
https://github.com/natig25/moviespace

api css html jest-test js linter-eslint modules testng webpack

Last synced: about 1 year ago
JSON representation

This web application displays top rated movies coming from an API. Users can like & comment on movies they like. Build with JavaScript.

• Host: GitHub
• URL: https://github.com/natig25/moviespace
• Owner: NatiG25
• License: mit
• Created: 2022-03-21T09:38:48.000Z (over 4 years ago)
• Default Branch: dev
• Last Pushed: 2023-05-23T14:05:52.000Z (about 3 years ago)
• Last Synced: 2023-05-23T15:24:31.887Z (about 3 years ago)
• Topics: api, css, html, jest-test, js, linter-eslint, modules, testng, webpack
• Language: JavaScript
• Homepage: https://natig25.github.io/MovieSpace/
• Size: 604 KB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
![](https://img.shields.io/badge/Microverse-blueviolet)

# MovieSpace

> This web application is based on an external API. Selected an API that provides data about top rated movies and then built a web-app around it. Users can like & comment on movies they like.

![Screenshot from 2022-06-17 17-41-09](https://user-images.githubusercontent.com/86069740/174320993-861cd519-f534-4167-9a12-bd02e368c614.png)

![Screenshot from 2022-06-17 17-41-27](https://user-images.githubusercontent.com/86069740/174320978-eba3420f-0a98-4c6b-96ff-0e425463de02.png)

## Built With

- HTML

- JS

- CSS

- VScode

- Webpack

- API

- Jest

## Getting Started

To get a local copy up and running follow these simple example steps.For SSH:`git@github.com:NatiG25/MovieSpace.git`For https:`https://natig25.github.io/MovieSpace/`

### Install

Run `npm install` after cloning the repo.

### Usage

Run `npm start` for development. Run `npm run build` for production. 

### Run tests

- Run `npx eslint .` for JS check

- Run `npx eslint . --fix` to fix JS errors if found

- Run `npx stylelint "**/*.{css,scss}"` for CSS check

- Run `npx stylelint "**/*.{css,scss}" --fix` to fix CSS errors if found.

## Video Presention

[Video Link](https://drive.google.com/file/d/1PO_NRuqOek-7XcX1sajRvkPN5LanyaLA/view?usp=sharing)

## Live Demo

[Live Demo Link](https://natig25.github.io/MovieSpace/)

## Authors

👤 **Author1**

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

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

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

👤 **Author2**

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

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

- LinkedIn: [@nicomutale](https://www.linkedin.com/nicholas-mutale-715714124 )

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

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