Skip to content

An API based movie app where the user can see available movies, comment and also like a particular movie. Built with JavaScript / SASS / Webpack / Bootstrap / CSS3 and HTML5

License

Notifications You must be signed in to change notification settings

cwaku/movie_mania

 
 

Repository files navigation

js_capstone_project

Built the project with two external API's. The first API was the TVMaze 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 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

Author 1

👤 Victor Barh

Author 2 👤

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
  • Open your terminal or command line
  • Run "git clone Paste this link"
  • 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"

About

An API based movie app where the user can see available movies, comment and also like a particular movie. Built with JavaScript / SASS / Webpack / Bootstrap / CSS3 and HTML5

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 65.1%
  • HTML 26.7%
  • CSS 4.3%
  • SCSS 3.9%