{"id":22783209,"url":"https://github.com/gregolive/waldo","last_synced_at":"2026-04-14T06:04:54.596Z","repository":{"id":183623009,"uuid":"477360329","full_name":"gregolive/waldo","owner":"gregolive","description":"Search for Waldo and friends.","archived":false,"fork":false,"pushed_at":"2022-05-13T08:54:54.000Z","size":12765,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-30T15:13:55.355Z","etag":null,"topics":["css","react"],"latest_commit_sha":null,"homepage":"https://gregolive.github.io/waldo/","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/gregolive.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}},"created_at":"2022-04-03T14:06:54.000Z","updated_at":"2022-05-14T04:10:41.000Z","dependencies_parsed_at":"2023-07-25T07:37:53.892Z","dependency_job_id":null,"html_url":"https://github.com/gregolive/waldo","commit_stats":null,"previous_names":["gregolive/waldo"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/gregolive/waldo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fwaldo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fwaldo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fwaldo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fwaldo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gregolive","download_url":"https://codeload.github.com/gregolive/waldo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gregolive%2Fwaldo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31784255,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"last_error":"SSL_read: 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","react"],"created_at":"2024-12-11T22:07:20.510Z","updated_at":"2026-04-14T06:04:54.582Z","avatar_url":"https://github.com/gregolive.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Where's Waldo\n\nSearch for Waldo and friends in this online version of the classic books.\n\n[Live demo](https://gregolive.github.io/waldo/) 👈 \n\n[Backend repo](https://github.com/gregolive/waldo_api) 🔗\n\n## Functionality\n\n- Map data, including the characters and scores are loaded from the waldo_api backend build in Ruby on Rails\n- While the api data loads a flashing Waldo face is displayed\n- User's choose from a set of 6 'Where's Waldo' levels from the \u003ccode\u003eHome\u003c/code\u003e page and are presented with the level's name, image preview, difficulty and high score\n- The \u003ccode\u003eLevel\u003c/code\u003e page includes clickable map that circles a character on a succesful click, a list of characters that updates with a checkmark when a character is found, and a timer to track the player's score\n- When the player finds all 4 characters the timer stops and a modal form allows them to enter their name to submit their score\n- Routing via \u003ccode\u003ereact-router\u003c/code\u003e\n\n## Reflection\n\nCompleting a full-stack project using seperate technologies for the frontend and the backend was a great experience. For the most part the development of this project went smoothly, but I ran into some trouble when trying to send a \u003ccode\u003ePost\u003c/code\u003e request to the rails waldo_api from React. I was able to fix this issue by altering my approach on both the frontend and backend:\n\n- In React I created an empty formData object with \u003ccode\u003enew FormData()\u003c/code\u003e and added the required data with \u003ccode\u003eformData.append()\u003c/code\u003e\n- In Rails I updated the Scores controller create method by changing the render location to \u003ccode\u003eapi_v1_scores_path(@score)\u003c/code\u003e and removed \u003ccode\u003erequire(:score)\u003c/code\u003e from the score_params as seen below:\n\n````\n  def create\n    @score = Score.new(score_params)\n\n    if @score.save\n      render json: @score, status: :created, location: api_v1_scores_path(@score)\n    else\n      render json: @score.errors, status: :unprocessable_entity\n    end\n  end\n\n  private\n\n  def score_params\n    params.permit(:name, :time, :map_id)\n  end\n````\n\n## Screenshot\n\n\u003cimg src='./screenshot.jpg' alt='waldo screenshot'\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregolive%2Fwaldo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgregolive%2Fwaldo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgregolive%2Fwaldo/lists"}