MudasirSherwani/WATCHMODE-REACT-API

A mobile web application to check a list of metrics (numeric values) that build with React and Redux. WATCHMODE API that provides data about movies. Home page with a list of years that could be filtered by year parameters. Users can view movie titles according to the selected year. The details page has data about the details of the movie and users

📖 WATCHMODE-REACT-API

This React capstone project is about building a mobile web application to check a list of metrics (numeric values) that has been created by making use of React and Redux. WATCHMODE API that provides data about movies. The web application has several pages: Home page with a list of years that could be filtered by year parameters. Users can view movie titles according to the selected year. The details page has data about the details of the movie and users can also watch its trailer.

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

🛠 Built With

Tech Stack

• HTML
• CSS
• JavaScript
• React
• [Redux]

Server

• Netlify

Database

• watchmode API

Key Features

List of Movies : HomePage The home page displays a list of all movies. Users can view movie titles according to the selected year.

Detail Page The details page has data about the details of the movie and users can see release date, rating, run time minutes, imdb Id and also watch its trailer.

(back to top)

🚀 Live Demo

• Live Demo on Netlify

• Vedio Presentation on Loom

(back to top)

💻 Getting Started

• Open GitHub URL of repositry.
• Download Code repo in zip.
• Extract and open repo folder into visual studio code or any other Text Editor Software.
• GitHub Repositry URL: https://github.com/MudasirSherwani/WATCHMODE-REACT-API.git To get a local copy up and running follow these simple example steps.

Prerequisites

• Visual Studio Code
• Knowldege About HTML / CSS / JAVASCRIPT ES6
• Webhint
• Stylelint
• ESLint
• node_modules checker
• Github
• React
• Redux

Install

Install this project with:

  npm install

Usage

To run the project in a development server, execute the following command:

  npm start

Testing

To run the tests in a development server, execute the following command:

  npm test

Deployment

You can deploy this project using:

https://netlify.app/

(back to top)

Authors

👤 Mudasir Sherwani

• GitHub: @Mudasir Sherwani
• Twitter: @Mudasir Sherwani
• LinkedIn: Mudasir Sherwani

(back to top)

🔭 Future Features

• Add thumbnail at Homepage
• Add Media Player

(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 please follow me on github and give stars to my repo.

(back to top)

🙏 Acknowledgments

I would like to thanks Microverse to guide me to complete this project. I give appropriate credit to Nelson Sakwa the author of the original design.

(back to top)

📝 License

This project is MIT licensed.

(back to top)