https://github.com/mdazlaanzubair/cinephoria

Cinephoria provides detailed information about films. Explore the code of Cinephoria here to see how I used the TMDB API and Redux to manage, display and present data throughout the app. Contributions/suggestions are welcome.
https://github.com/mdazlaanzubair/cinephoria

movie-database omdb-api react reactjs redux redux-toolkit single-page-app spa state-management user-interface

Last synced: about 1 month ago
JSON representation

Cinephoria provides detailed information about films. Explore the code of Cinephoria here to see how I used the TMDB API and Redux to manage, display and present data throughout the app. Contributions/suggestions are welcome.

• Host: GitHub
• URL: https://github.com/mdazlaanzubair/cinephoria
• Owner: mdazlaanzubair
• Created: 2022-12-31T21:39:58.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-02-04T15:31:13.000Z (over 3 years ago)
• Last Synced: 2025-02-27T03:49:25.802Z (over 1 year ago)
• Topics: movie-database, omdb-api, react, reactjs, redux, redux-toolkit, single-page-app, spa, state-management, user-interface
• Language: JavaScript
• Homepage: https://cinephoria.netlify.app/
• Size: 4.47 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Cinephoria

Cinephoria is a React.js project that provides detailed information about films. This project uses the [**TMDB API**](https://www.themoviedb.org/documentation/api) and [**Redux**](https://redux-toolkit.js.org/) to manage, display, and present data throughout the app. The goal of Cinephoria is to provide a user-friendly and easy-to-use platform for movie enthusiasts to discover and explore new and old films.

## Features

- Detailed information about films

- Easy-to-use interface

- Built with [**React.js**](https://reactjs.org/), [**TMDB API**](https://www.themoviedb.org/documentation/api), and [**Redux**](https://redux-toolkit.js.org/)

## Application Preview

![Application Preview](./src//app//assets/application-preview.png)

## Getting Started

### Prerequisites

- [ ] Node.js installed on your machine

- [ ] A TMDB API key (you can get one [here](https://kb.synology.com/en-vn/DSM/tutorial/How_to_apply_for_a_personal_API_key_to_get_video_info))

### Installation

- [ ] Clone the repository: `git clone https://github.com/mdazlaanzubair/Cinephoria.git`

- [ ] Navigate to the project directory: `cd cinephoria`

- [ ] Install the dependencies: `npm install`

- [ ] Create a copy of the `.env.example` file and name it `.env`.

- [ ] Replace `` in `.env` with your `TMDB API` key.

- [ ] Start the development server: npm start

- [ ] Open [`http://localhost:3000`](http://localhost:3000) in your browser to view the app.

## Contributions/Suggestions

Contributions and suggestions are welcome. If you have any ideas or improvements, feel free to open a pull request or an issue.

## License

This project is licensed under the MIT License. See the LICENSE file for details.