Skip to content

In theMoviesMaze, users can like Movies, TV Shows, and they can check out the details of every Movie or Show by clicking on the Comment Button. It also allows you to like the Movies. All data is preserved thanks to the external TVMaze API and Involvement APIs. Fetching Movies, Details of the Movies, Adding and Getting Likes, all done by APIs.

License

Notifications You must be signed in to change notification settings

Mike111222/theMoviesMaze

Repository files navigation

theMoviesMaze


The Movies Maze

📗 Table of Contents

📖 [theMoviesMaze]

[In theMoviesMaze, users can like Movies, TV Shows, and they can check out the details of every Movie or Show by clicking on the Comment Button. It also allows you to like the Movies. All data is preserved thanks to the external TVMaze API and Involvement API services. Fetching of the Movies, Details of the Movies, Adding and Getting Likes, and Comments Data are all preserved by the aforementioned APIs. Comment and Like buttons are there to update the Comments and Likes. Async & Await are also implemented along with some styling.]

🛠 Built With

Tech Stack

Client
Server
Pakage Manager
API

Key Features

  • [Displays List of Movies, Likes, Details and Comments]
  • [Addition of New Likes and Comments]
  • [Number of Movies or Shows on Homepage, number of Likes, and number of Comments are all counted and being displayed along with the updation]
  • [TVMaze and Involvement APIs are responsible for storage and retrieval of Data]
  • [A Like and a Comment button is there to fetch all the Likes, Details, and Comments using APIs.]
  • [Webpack is managing all the dependencies and auto loading in browser]
  • [All the scetions and functionality is re-created by ES6 Modules]
  • [Jest Tests and Coverage flags are implemented to test the Counters]

(back to top)

🚀 Live Demo

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder or download the Zip folder:

https://github.com/Mike111222/theMoviesMaze
  • Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd theMoviesMaze

Install

To install all dependencies, run:

npm install

Usage

To run the project, follow these instructions:

  • After Cloning this repo to your local machine.
  • Open the index.html in your browser.
  • You can also use npm start command in terminal to run this at localhost:8080

Run tests

To run tests, run the following command:

  • Track HTML linter errors run:
npx hint .
  • Track CSS linter errors run:
npx stylelint "**/*.{css,scss}"
  • Track JavaScript linter errors run:
npx eslint .
  • run test:
npm test 

Deployment

You can deploy this project using: GitHub Pages,

  • I used GitHub Pages to deploy my website.
  • For more information about publishing sources, see "About GitHub pages".

(back to top)

👥 Authors

👤 Muhammad Amran Khan [Mike]

👤 Batool Fatima

(back to top)

🔭 Future Features

  • [More styles will be added to make my project look more beautiful and appealing.]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, just reach out to me for more projects even better than this, and please give it a star ⭐️.

(back to top)

🙏 Acknowledgments

I would like to thank my fellow Authors, my friend, my code reviewers and Microverse.

(back to top)

❓ FAQ (OPTIONAL)

  • [How can the project be improved]

    • [More features can be intergrated by adding more pages]
  • [Can I use this project for study purposes]

    • [Yes]

(back to top)

📝 License

This project is MIT licensed.

(back to top)

About

In theMoviesMaze, users can like Movies, TV Shows, and they can check out the details of every Movie or Show by clicking on the Comment Button. It also allows you to like the Movies. All data is preserved thanks to the external TVMaze API and Involvement APIs. Fetching Movies, Details of the Movies, Adding and Getting Likes, all done by APIs.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published