FMDb (Fantastic Movies Database)

Movies and TV series database.

Sneak peak

Built With

• Node.js
• React
• React-DOM
• React-Create-App
• Redux
• npm
• CSS modules
• Bootstrap 5
• ES6
• Jest
• Heroku
• TMDB API

Description

FMDb is a single page application built with React and Redux. It relies on data provided by the TMDb API
to display up-to-date Movies and Tv series, FMDb will bring to you the most recent movies and TV series available
you can filter them by genre and narrow your search to find whats best for you to watch, as expected
it also brings to you more advance recomendations based on which movie or TV series you click and displays
to you a short list of similar titles in case you cannot decide which one to watch, ENJOY :)

Live Demo

Visit FMDb

Prerequisites

• Internet Connection
• Web Browser
• Code Editor
• Node Package Manager (NPM)

Getting Started

To get started with the app, sign up on TMDb_API_KEY https://developers.themoviedb.org/3/getting-started/introduction to get your API key

• Create a .env file in the root directory. Inside the .env file, create your API key with this format: REACT_APP_API_KEY=YOUR API KEY HERE

• Open your terminal

  • Windows: Win + R, then type cmd | Mac: Command + space, then type Terminal| Linux: Ctrl + Alt

• Navigate to a directory of your choosing using the cd command (e.g: cd my-directory/)

• Run this command in your OS terminal: git clone https://github.com/Diegodsha/FMDb.git to get a copy of the project.

• Navigate to the project's directory using the cd command

• Run npm i to install all dependencies

Usage

• From within the project directory run npm start to start a local server in your web browser.
• Available Paths:
• Visit http://localhost:3000/ for Home view
• Visit http://localhost:3000/details/movieid: for details and recomendations on a specific movie
• Visit http://localhost:3000/details/serieid:: for details and recomendations on a specific tv serie

Gist

Testing (React-JEST)

Thanks to React integrated testing library users can simply run npm test from within the project's folder to execute all the tests.

Author

👤   Diego Hernández

• Portfolio: Portfolio
• LinkedIn: diegoshdezaguilar
• GitHub: @Diegodsha
• Twitter: @diegohdezchimo

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

Microverse

Attributions

License

This project is MIT licensed