Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/akshayark97/bookmyshow-movie-list-react

Created with CodeSandbox
https://github.com/akshayark97/bookmyshow-movie-list-react

jest reactjs reacttestinglibrary

Last synced: about 22 hours ago
JSON representation

Created with CodeSandbox

Awesome Lists containing this project

README

        

# BookMyShow Frontend Engineer Hiring Assignment

BookMyShow web app with list of movies and render trailer when on click of movie list item.

https://book-my-show-movie-list-react.vercel.app/

![image](https://github.com/akshayark97/BookMyShow-Movie-List-React/assets/39210915/db02273c-556c-4b9a-a7f4-e22e9215721b)

## Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Features](#features)
- [API](#api)

## Installation

1. Clone this repository to your local machine:
```bash
git clone https://github.com/akshayark97/BookMyShow-Movie-List-React.git
```

````

2. Navigate to the project directory:

```bash
cd BookMyShow-Movie-List-React
```

3. Install project dependencies using npm:
```bash
npm install
```

## Usage

1. To start the application, run the following command:

```bash
npm start
```

2. Open your web browser and access the app at [http://localhost:3000](http://localhost:3000).

## Features

- The page with the list of movies
- Render Trailer component when on click of Movie List item
- Created the Header component on the top of the page
- Added the Filter component below the header
- Scrolling only movie list, Header and Filter component should be static

## API

The api is used to fetch the movie list

```bash
https://in.bmscdn.com/m6/static/interview-mock/data.json
```

## Contributing
To contribute to the project

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your fork.
5. Submit a pull request to this repository.

```
```
````