A Simple Mock Streaming Service Made with Reactjs

Watcher

A simple mock-up for a streaming service made with ReactJS, React Router, and the TMDB (the Movie Database) API. Deployed to Google Firebase.

View Demo

About The Project

Watcher is a fake movie and TV show streaming app created with React and deployed to Firebase. It utilizes data fetched with the axios library from The Movie Database API. It is fully searchable and navigatable using React Router and custom React Hooks. The project also makes use of React Context, storing the state in Global Context and managed by a reducer for top-down state management accessible within any component of the app.

In Development

• Adding O.Auth Sign-In
• Drop-down search list feature
• Button to click rather than scroll the show posters

Built With

• React
• React Router
• Firebase
• axios
• The Movie Database API

Getting Started

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

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g
  

Installation

1. Clone the repo

   git clone https://github.com/github_username/repo_name.git
   

2. Install NPM packages

   npm install
   

Contributing

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Your Name - @crbilladeau - charlie.billadeau@gmail.com

Project Link: https://github.com/crbilladeau/watcher

Download Details:

Author: crbilladeau

Demo: https://watcher-6ad27.web.app/

Source Code: https://github.com/crbilladeau/watcher

#reactjs #react #javascript