{"id":19136562,"url":"https://github.com/dsmith73/quiz-app","last_synced_at":"2026-04-12T22:45:49.536Z","repository":{"id":215628557,"uuid":"280555332","full_name":"dsmith73/quiz-app","owner":"dsmith73","description":"trivia app built in react and typescript","archived":false,"fork":false,"pushed_at":"2020-07-18T01:10:50.000Z","size":2229,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-22T18:20:33.980Z","etag":null,"topics":["dsmith73","quiz","react","trivia","ts","typescript"],"latest_commit_sha":null,"homepage":"https://dsmith73-quiz-app.glitch.me","language":"HTML","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/dsmith73.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}},"created_at":"2020-07-18T01:03:49.000Z","updated_at":"2020-07-18T01:15:24.000Z","dependencies_parsed_at":"2024-01-05T14:57:30.152Z","dependency_job_id":null,"html_url":"https://github.com/dsmith73/quiz-app","commit_stats":null,"previous_names":["dsmith73/quiz-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dsmith73/quiz-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsmith73%2Fquiz-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsmith73%2Fquiz-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsmith73%2Fquiz-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsmith73%2Fquiz-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dsmith73","download_url":"https://codeload.github.com/dsmith73/quiz-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dsmith73%2Fquiz-app/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268339647,"owners_count":24234556,"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-08-02T02:00:12.353Z","response_time":74,"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":["dsmith73","quiz","react","trivia","ts","typescript"],"created_at":"2024-11-09T06:34:43.397Z","updated_at":"2026-04-12T22:45:44.488Z","avatar_url":"https://github.com/dsmith73.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# quiz app  \r\n\r\nhttps://create-react-app.dev  \r\n  * `npx create-react-app my-app --template typescript`  \r\n  * remove all in src/ but App \u0026 Index.tsx and react-app-env  \r\n  * remove references to css in app \u0026 index.tsx  \r\n  * update `\u003cdiv className=\"App\"\u003eQuiz\u003c/div\u003e`  \r\n  * `npm i styled-components @types/styled-components`  \r\n  * `npm start`  \r\n  * launch browser to `localhost:3000`  \r\n    * webpage comes up - says Quiz  \r\n  * get background from https://unsplash.com  \r\n  * create /src/images  \r\n  * put img in /images  \r\n  * get some google fonts from https://fonts.google.com  \r\n    * I selected catamaran, \u0026 Emplema One  \r\n    * `\u003clink href=\"https://fonts.googleapis.com/css2?family=Catamaran:wght@700\u0026family=Emblema+One\u0026display=swap\" rel=\"stylesheet\"\u003e`  \r\n    * CSS rules `font-family: 'Bungee Inline', cursive;`  \r\n                `font-family: 'Catamaran', sans-serif;`  \r\n  * get the embed links \u0026 add to index.html  \r\n  * check out the site to use for questions https://opentdb.com  \r\n  * make your api selections and get the api link  \r\n    * `https://opentdb.com/api.php?amount=10\u0026type=multiple`  \r\n  * create src/components  \r\n  * create components/QuestionCard.tsx and populate  \r\n  * create src/API.ts  \r\n  * create src/utils.ts  \r\n  * update App.tsx\r\n    * we'll be using arrow functions for this implementation  \r\n    * `function App()` to `const App = () =\u003e`  \r\n  * update QuestionCard.tsx\r\n  * update API.ts\r\n  * \r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdsmith73%2Fquiz-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdsmith73%2Fquiz-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdsmith73%2Fquiz-app/lists"}