{"id":18947874,"url":"https://github.com/thenaubit/example-react-tmdb-api","last_synced_at":"2026-04-15T13:32:49.152Z","repository":{"id":121091628,"uuid":"564493896","full_name":"TheNaubit/example-react-tmdb-api","owner":"TheNaubit","description":"🎉 A little example / portfolio using React.js, Typescript, React Query, Chakra... to display in a beautiful way the top movies and series from the TMDB API","archived":false,"fork":false,"pushed_at":"2022-11-11T14:32:12.000Z","size":1152,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-30T18:59:13.241Z","etag":null,"topics":["chakra-ui","react","react-router","react-router-v6","reactjs","reactquery","tmdb-api","typescript"],"latest_commit_sha":null,"homepage":"https://wonderapi.nauverse.com/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheNaubit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-11-10T20:54:47.000Z","updated_at":"2023-02-03T20:15:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"0540de0c-5f4e-4c8a-bc19-112ece87d44a","html_url":"https://github.com/TheNaubit/example-react-tmdb-api","commit_stats":null,"previous_names":["thenaubit/example-react-tmdb-api"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/TheNaubit/example-react-tmdb-api","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheNaubit%2Fexample-react-tmdb-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheNaubit%2Fexample-react-tmdb-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheNaubit%2Fexample-react-tmdb-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheNaubit%2Fexample-react-tmdb-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheNaubit","download_url":"https://codeload.github.com/TheNaubit/example-react-tmdb-api/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheNaubit%2Fexample-react-tmdb-api/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273619475,"owners_count":25138238,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-04T02:00:08.968Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chakra-ui","react","react-router","react-router-v6","reactjs","reactquery","tmdb-api","typescript"],"created_at":"2024-11-08T13:11:46.083Z","updated_at":"2026-04-15T13:32:44.130Z","avatar_url":"https://github.com/TheNaubit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎉 Wonder Film!\nA little example / portfolio using React.js, Typescript, React Query, Chakra... to display in a beautiful way the top movies and series from the TMDB API.\n\n![](https://github.com/NauCode/example-react-tmdb-api/blob/c4a5276c439569f643449c73c3a9f56d75cbc12c/demo-page.png?raw=true)\n\n## Live Demo\nYou can check this project deployed here: [https://wonderapi.nauverse.com/](https://wonderapi.nauverse.com/)\n\n## Stack Used\n- React.js\n- Typescript\n- React Router v6\n- Chakra UI\n- Framer Motion\n- React Query (with infinite pagination!)\n- And much more! 🚀\n\n## How to install and run by yourself?\n- Clone this repo in your computer and inside the root folder of this project, install the libraries (you can use ```npm i```, ```yarn``` or even ```pnpm i```)\n- Once the libraries are installed, you need to create a ```.env``` file in the root folder of the project with a var called ```VITE_TMDB_API_KEY``` and it must have the value of your TMDB API key (if you don't have one, you can check how to get one [here](https://developers.themoviedb.org/3/getting-started))\n- Now, launch the project with ```npm run dev```, ```yarn dev``` or ```pnpm run dev```\n- That's it!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthenaubit%2Fexample-react-tmdb-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthenaubit%2Fexample-react-tmdb-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthenaubit%2Fexample-react-tmdb-api/lists"}