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

https://github.com/storres20/m3-react-capstone

🎬M3 React Capstone🎬 is a web application for showing the most recent Movies. The application will allow users to see details like title, author, description.
https://github.com/storres20/m3-react-capstone

api reactjs redux testing-library-react

Last synced: 11 months ago
JSON representation

🎬M3 React Capstone🎬 is a web application for showing the most recent Movies. The application will allow users to see details like title, author, description.

Awesome Lists containing this project

README

          


logo



M3 React Capstone Project



# πŸ“— Table of Contents

- [πŸ“— Table of Contents](#-table-of-contents)
- [πŸ“– \[M3 React Capstone Project\] ](#-m3-react-capstone-project-)
- [πŸ›  Built With ](#-built-with-)
- [Tech Stack ](#tech-stack-)
- [Key Features ](#key-features-)
- [πŸš€ Live Demo ](#-live-demo-)
- [πŸš€ Video Demo ](#-video-demo-)
- [πŸ’» Getting Started ](#-getting-started-)
- [Prerequisites](#prerequisites)
- [Setup](#setup)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [πŸ‘₯ Authors ](#-authors-)
- [πŸ”­ Future Features ](#-future-features-)
- [🀝 Contributing ](#-contributing-)
- [⭐️ Show your support ](#️-show-your-support-)
- [πŸ™ Acknowledgments ](#-acknowledgments-)
- [❓ FAQ ](#-faq-)
- [πŸ“ License ](#-license-)

# πŸ“– [M3 React Capstone Project]

> This is a web application that list the most recent Movies.
> The application will allow the users to see details like title, author, description of every movie.

**[M3 React Capstone Project]** is web application.

## πŸ›  Built With

### Tech Stack

Client




### Key Features

- **[List the most recent movies]**
- **[Search bar for movies and categories]**
- **[Movies sort by categories]**
- **[Movie details like name, description, genres]**
- **[About page to thank TMDB, the API owner]**

(back to top)

## πŸš€ Live Demo

- [Live Demo Link](https://M3-react-capstone.netlify.app/)

(back to top)

## πŸš€ Video Demo

- [Video Demo Link](https://loom.com/share/3a0ab662aa4645dc9428e5d5e4f91ad6)

(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:

```sh
install nodejs
install git
```

### Setup

Clone this repository to your desired folder:

```sh
cd my-folder
git clone https://github.com/storres20/M3-react-capstone
```

### Install

Install this project with:

```sh
cd M3-react-capstone
npm install
```

### Usage

To run the project, execute the following command:

```sh
npm start
```

### Run tests

To run tests, run the following command:

### Deployment

You can deploy this project using:

```sh
npm run build
```

(back to top)

## πŸ‘₯ Authors

πŸ‘€ **ITALO**

- GitHub: [@storres20](https://github.com/storres20)
- Twitter: [@italolonkan](https://twitter.com/italolonkan)
- LinkedIn: [LinkedIn](https://linkedin.com/in/italo-lon-kan)

(back to top)

## πŸ”­ Future Features

- [ ] **[Add tv series collection]**
- [ ] **[Add movie trailers]**

(back to top)

## 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/storres20/M3-react-capstone/issues).

(back to top)

## ⭐️ Show your support

If you like this project please give it a star 🌟 😁

(back to top)

## πŸ™ Acknowledgments

I would like to thank...MICROVERSE
I would like to thank to TMDB for movie API

(back to top)

## ❓ FAQ

- **[is this project for free?]**

- [Yes, it is. So, feel free to clone this repository]

- **[may I suggest changes?]**

- [Yes. If you find a bug, please create an ISSUE]

(back to top)

## πŸ“ License

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)