Skip to content

TMDB api movies using react, redux toolkit and redux persist

License

Notifications You must be signed in to change notification settings

escummy/tmdb-posters-api

Repository files navigation

The movie database api implementation

TMDB api project using bootstrap, material ui, react hooks, redux toolkit and axios to fetch movies and keep the state, applying redux persist among others features to store watchlist and favorite movies.


accessibility text


Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy on a live system and clone the repository.


  • (Option 1): Clone the repository with link "https"
  git clone https://github.com/escummy/tmdb-posters-api.git
  • (Option 2): Clone the repository with link "SSH"
  git clone [email protected]:escummy/tmdb-posters-api.git
  • (Option 3): Download the file.zip to your desktop

# Prerequisites

To continue, you need to have installed: Node


(Check in your terminal bash)

node --version

Else, Install nodejs from the official site 'version LTS' (Recommended)

[English] - https://nodejs.org/en/ (or) [Spanish] - https://nodejs.org/es/


Installing dependencies

Install the necessary dependencies and devDependencies from any package.json

  npm install

Available scripts

In the project directory, you can run:

npm run dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.


To run tests

Start checking tests with the following command, which will open a debug console and UI interface in the browser to help with the testing process.

npm test

To build in prodcution

Builds the app for production to the build or dist folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed.

This VITE react project build and deploy following Vite guidelines.


npm run build

To run a preview

This is one-way to check the project in the browser using the production build folder.


npm run preview

Learn More

You can learn more in the npm create vite@latest, check documentation for static deploy or babel usage.

To learn React, check out the React documentation.

Recomendations:

  • Check this visual studio code settings.json
  • To install the necessary extensions, add extension 'missing extensions' to your vscode

Latest releases

Repositories use SemVer for versioning, three-digit numbering technique based patter of Major, Minor and Patch fixes, see the release tags for more details about version available.

Please adhere to this project CODE_OF_CONDUCT, examples of behavior that contributes to a positive environment for our community and adapted from the Contributor Covenant, version 2.0, available at https://www.contributor-covenant.org/version/2/0/code_of_conduct.html

[Author]: Gonzalo Cugiani (Amsterdam, North Holland, Netherlands)


About Licenses

A licensor may grant a license under intellectual property laws to authorize a use (such as copying software or using a patented invention) to a licensee, sparing the licensee from a claim of infringement brought by the licensor.

License used for this repository [MIT License]




. . .

This README file was updated
Last refresh: Wednesday, 19 Jan, 11:28 CET