Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/planinc/movieshq


https://github.com/planinc/movieshq

Last synced: 6 days ago
JSON representation

Awesome Lists containing this project

README

        

# MoviesHQ Project

![Project Logo](https://res.cloudinary.com/dq6uhnvgl/image/upload/v1718802912/MoviesHQ/vogxzjgp39gy98k26fkv.png)

Welcome to moviesHQ, your go-to platform for movie enthusiasts to discover, explore, and keep track of their favorite movies and TV shows.

[Live Demo](https://manav-gopal.github.io/MoviesHQ/)

## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Installation](#installation)
- [Dependencies](#dependencies)
- [Usage](#usage)
- [Screenshots](#screenshots)
- [License](#license)

## Introduction

The moviesHQ project is developed using React and aims to create a user-friendly platform that allows users to:

- Browse a vast collection of movies and TV shows.
- Get detailed information about movies, including cast, crew, plot summaries, and ratings.
- Search for specific movies or TV shows based on various criteria.
- Stay up-to-date with the latest movie releases and trends.

## Features

- User-friendly and intuitive interface.
- Comprehensive movie and TV show database powered by [data source].
- Search functionality for easy content discovery.
- Get the Trailer of those Movies and TV shows

## Installation

To run the moviesHQ project locally, follow these steps:

1. Clone this repository: `git clone https://github.com/yourusername/moviesHQ.git`
2. Navigate to the project directory: `cd moviesHQ`
3. Install dependencies: `npm install` or `yarn install`

#### Dependencies

The moviesHQ project utilizes the following key dependencies:

- [@reduxjs/toolkit](https://redux-toolkit.js.org/): A package for efficient Redux development.
- [axios](https://axios-http.com/): A promise-based HTTP client for making API requests.
- [canvas](https://www.npmjs.com/package/canvas): A powerful library for drawing graphics programmatically.
- [cors](https://www.npmjs.com/package/cors): A middleware to enable Cross-Origin Resource Sharing.
- [cors-anywhere](https://www.npmjs.com/package/cors-anywhere): A proxy server to add CORS headers to requests.
- [react](https://reactjs.org/): A JavaScript library for building user interfaces.
- [react-alice-carousel](https://www.npmjs.com/package/react-alice-carousel): A responsive and touch-friendly carousel component.
- [react-dom](https://reactjs.org/docs/react-dom.html): Provides the entry point to interact with the DOM.
- [react-player](https://github.com/cookpete/react-player): A React component for playing various media.
- [react-redux](https://react-redux.js.org/): Official Redux bindings for React.
- [react-router](https://reactrouter.com/web/guides/quick-start): Routing library for React applications.
- [react-router-dom](https://reactrouter.com/web/guides/quick-start): DOM bindings for React Router.
- [redux](https://redux.js.org/): A predictable state container for JavaScript apps.
- [sass](https://sass-lang.com/): A powerful CSS extension language.

## Usage

1. Start the development server: `npm start` or `yarn start`
2. Open your web browser and go to `http://localhost:3000`
3. [Add any specific usage instructions]

## Screenshots

Include some screenshots of your project here to give users a visual representation of what to expect. You can embed images using Markdown like this:

#### Homepage
![Screenshot 1](https://res.cloudinary.com/dq6uhnvgl/image/upload/v1692991612/MoviesHQ/fqxsz3hgzwdgixrbpywd.png)

#### Movie Details
![Screenshot 2](https://res.cloudinary.com/dq6uhnvgl/image/upload/v1692991612/MoviesHQ/muqm0tjmsb6andxdk5ho.png)

## License

This project is licensed under the [MIT License](LICENSE).

---