{"id":20420800,"url":"https://github.com/martinbryant/giphy-searcher-react","last_synced_at":"2026-04-13T13:05:20.247Z","repository":{"id":171906628,"uuid":"127650345","full_name":"martinbryant/giphy-searcher-react","owner":"martinbryant","description":"Giphy Searcher in React/Redux - Same as the Elm example but using React/Redux and TDD","archived":false,"fork":false,"pushed_at":"2018-06-24T11:38:54.000Z","size":241,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-05T04:30:19.268Z","etag":null,"topics":["css","html","json","react","redux","tdd"],"latest_commit_sha":null,"homepage":"http://martinbryant.io/giphy-searcher-react/","language":"JavaScript","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/martinbryant.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":"2018-04-01T16:37:31.000Z","updated_at":"2018-08-15T23:52:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"f87bf4f7-9716-4926-a2ce-52b45058852d","html_url":"https://github.com/martinbryant/giphy-searcher-react","commit_stats":null,"previous_names":["martinbryant/giphy-searcher-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/martinbryant/giphy-searcher-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martinbryant%2Fgiphy-searcher-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martinbryant%2Fgiphy-searcher-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martinbryant%2Fgiphy-searcher-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martinbryant%2Fgiphy-searcher-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/martinbryant","download_url":"https://codeload.github.com/martinbryant/giphy-searcher-react/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/martinbryant%2Fgiphy-searcher-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31753563,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T09:16:15.125Z","status":"ssl_error","status_checked_at":"2026-04-13T09:16:05.023Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css","html","json","react","redux","tdd"],"created_at":"2024-11-15T06:44:09.610Z","updated_at":"2026-04-13T13:05:20.225Z","avatar_url":"https://github.com/martinbryant.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Giphy Searcher in React/Redux\n\nInspired by [5 Projects To Complete When Starting to Learn Front-End Web Development](https://medium.com/@GarrettLevine/5-projects-to-complete-when-starting-to-learn-front-end-web-development-48e8a1ce3178 \"medium.com\")\n\nAn excellent beginning application to build is a basic re-creation of the the giphy website, using the giphy api itself. I recommend their API for beginners because there is no need to request any kind of API key, and you won’t have to worry about much configuration when trying to request data.\n\nUsing their API you are able to build a small web app which does the following;\n\n* Displays trending gifs on app load shown in a column/grid\n* Has an input which allows you to search for specific gifs\n* At the bottom of the results, there is a ‘load more’ button, which gets more gifs using that search term.\n\n[Giphy Searcher in React/Redux](http://martinbryant.io/giphy-searcher-react/ \"Giphy Searcher\") \n\n## Challenges\n* Attempting TDD for the first time to complete this version\n* Using Redux Middleware to validation the search term and make API calls\n* I broke my wrist on 26 March 2018 and had surgery 2 weeks later\n\n## Takeaways\n\n* I feel more confident in using TDD going forward\n* Using TDD helped when it came to debugging the application\n* I have a much better understanding of using Redux middleware\n\n## Acknowledgments\n[Garrett Levine](https://medium.com/@GarrettLevine \"Garrett Levine on Medium\") - Thank you for the great article","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartinbryant%2Fgiphy-searcher-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmartinbryant%2Fgiphy-searcher-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmartinbryant%2Fgiphy-searcher-react/lists"}