Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vic778/js_capstone_project
An API based movie site where the user can see available movies, comment and also like a particular movie. Built with JavaScript, SASS, Webpack Bootstrap, CSS3 and HTML5
https://github.com/vic778/js_capstone_project
Last synced: about 2 months ago
JSON representation
An API based movie site where the user can see available movies, comment and also like a particular movie. Built with JavaScript, SASS, Webpack Bootstrap, CSS3 and HTML5
- Host: GitHub
- URL: https://github.com/vic778/js_capstone_project
- Owner: vic778
- License: mit
- Created: 2022-01-03T09:04:47.000Z (almost 3 years ago)
- Default Branch: development
- Last Pushed: 2022-05-20T06:44:21.000Z (over 2 years ago)
- Last Synced: 2023-03-04T17:12:41.093Z (almost 2 years ago)
- Language: JavaScript
- Homepage: https://vic778.github.io/js_capstone_project/
- Size: 4.78 MB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# js_capstone_project
> Built the project with two external API's. The first API was the [TVMaze](https://www.tvmaze.com/api) which allows us to get a list of movies with a unique movie id and for the given movie, it allows us to get detailed information about the movie. The second API was an [Involvement API](https://www.notion.so/Involvement-API-869e60b5ad104603aa6db59e08150270) to record the different user interactions (likes and comments).
> The project also allows the user to
- click on the Like button of the movie, the interaction is recorded in the Involvement API and the screen is updated.
- click on the "Comments" button, the Comments popup appears and the user can add a comment, view the comments of the movie and even view the no. of comments written for the specific movie
> We were also able to test the movies and comments counter using Jest
## Built With
- HTML5
- CSS3 (Flex and media queries)
- JAVASCRIPT
- WEBPACK
- BOOTSTRAP
- SASS
- API
## Live Demo
[Live Demo Link](https://vic778.github.io/js_capstone_project/)
## Author 1
👤 **Victor Barh**
- GitHub: [@Vvic778](https://github.com/vic778)
- Twitter: [@victoirBarh](https://twitter.com/)
- LinkedIn: [LinkedIn](https://linkedin.com/in/victoir-barh)
## Author 2 👤
- GitHub: [@cwaku](https://github.com/cwaku)
- LinkedIn: [Ricky Mormor](www.linkedin.com/in/ricky-mormor)
- Instagram: [@rickymormor](https://instagram.com/rickymormor)
- Twitter: [@rickymormor](https://twitter.com/rickymormor)
## Getting Started
- run `npm install` to install all dependencies
- run `npm start` to run the server
### Prerequisites:
- Web browser
- Code Editor
- Live Server Extension
### Cloning the repo to your local system (If you already have git, installed in your system):
- [Copy this link](https://github.com/vic778/js_capstone_project)
- Open your terminal or command line
- Run "git clone [Paste this link](https://github.com/vic778/js_capstone_project)"
- Open the folder with your code editor
- Now You can edit the code and check the changes in the browser using Live Server
### Check linter errors:
- Install npm
- For HTML: Run npx hint .
- For CSS: Run npx stylelint “**/*.css”
- for javascript Run npx eslint .
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Start by:
- Forking the project
- Cloning the project to your local machine
- cd into the Youtube-Replica project directory
- Run git checkout -b your-branch-name
- Make your contributions
- Push your branch up to your forked repository
- Open a Pull Request with a detailed description to the development branch of the original project for a review
Feel free to check the [issues page](), contribute to the Project by creating an issue.
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Project originally taken from The Odin Project
- Project inspired by Microverse Program
- Thanks for this Website Design "VCITOIR BARH"