{"id":24464377,"url":"https://github.com/asbhogal/react-fun-facts-project","last_synced_at":"2026-04-13T19:31:09.817Z","repository":{"id":63312383,"uuid":"565188481","full_name":"asbhogal/React-Fun-Facts-Project","owner":"asbhogal","description":"A simple 'React Facts' page created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been adapted from a Figma file (see mockups directory.)","archived":false,"fork":false,"pushed_at":"2022-11-17T12:05:15.000Z","size":1888,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-27T23:43:50.462Z","etag":null,"topics":["babel","css3","figma","freecodecamp","freecodecamp-project","front-end","frontend","html5","javascript","postcss","react","scrimba","scrimba-react","scss","webpack"],"latest_commit_sha":null,"homepage":"https://react-fun-facts-project.vercel.app","language":"SCSS","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/asbhogal.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}},"created_at":"2022-11-12T16:04:53.000Z","updated_at":"2024-12-05T14:06:40.000Z","dependencies_parsed_at":"2023-01-22T16:15:33.924Z","dependency_job_id":null,"html_url":"https://github.com/asbhogal/React-Fun-Facts-Project","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/asbhogal/React-Fun-Facts-Project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asbhogal%2FReact-Fun-Facts-Project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asbhogal%2FReact-Fun-Facts-Project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asbhogal%2FReact-Fun-Facts-Project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asbhogal%2FReact-Fun-Facts-Project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/asbhogal","download_url":"https://codeload.github.com/asbhogal/React-Fun-Facts-Project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/asbhogal%2FReact-Fun-Facts-Project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31768635,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"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":["babel","css3","figma","freecodecamp","freecodecamp-project","front-end","frontend","html5","javascript","postcss","react","scrimba","scrimba-react","scss","webpack"],"created_at":"2025-01-21T05:15:21.466Z","updated_at":"2026-04-13T19:31:09.787Z","avatar_url":"https://github.com/asbhogal.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003ch1\u003eReact 'Fun Facts' Project - freeCodeCamp\u003c/h1\u003e\n\n![](https://api.checklyhq.com/v1/badges/checks/434e83c0-7b38-47e3-ba59-6348b0600d19?style=for-the-badge\u0026theme=dark) ![](https://api.checklyhq.com/v1/badges/checks/434e83c0-7b38-47e3-ba59-6348b0600d19?style=for-the-badge\u0026theme=dark\u0026responseTime=true) \u003cbr\u003e\u003cbr\u003e ![GitHub deployments](https://img.shields.io/github/deployments/asbhogal/React-Fun-Facts-Project/production?label=DEPLOYMENT%20STATE\u0026style=for-the-badge\u0026labelColor=000) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/asbhogal/React-Fun-Facts-Project?style=for-the-badge\u0026labelColor=000) ![GitHub repo size](https://img.shields.io/github/repo-size/asbhogal/React-Fun-Facts-Project?color=blueviolet\u0026style=for-the-badge\u0026labelColor=000)\n\n\u003c/div\u003e\n\nA simple 'React Fun Facts' page created as part of the freeCodeCamp's React tutorial, coded with HTML5, CSS3, SCSS, JavaScript (ES6), React and leveraging Babel and Webpack. The design has been faithfully adapted from a Figma file (see mockups directory.)\n\n\u003cstrong\u003e:heavy_check_mark: Features:\u003c/strong\u003e\u003cbr\u003e\n  - Designed from Figma mockup\n  - Fully responsive\n  - Optimised for the web\n\n\u003cstrong\u003e:nerd_face: Stacks \u0026#38; Tools Used:\u003c/strong\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/html5/html5-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/raw/master/icons/html5/html5-original.svg\" alt=\"html5 logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/css3/css3-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/raw/master/icons/css3/css3-original.svg\" alt=\"css3 logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/sass/sass-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/sass/sass-original.svg\" alt=\"sass logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/postcss/brand/blob/master/dist/postcss-logo-symbol.svg\"\u003e\u003cimg src=\"https://github.com/postcss/brand/blob/master/dist/postcss-logo-symbol.svg\" alt=\"postcss logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/javascript/javascript-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/raw/master/icons/javascript/javascript-original.svg\" alt=\"JavaScript\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/react/react-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/react/react-original.svg\" alt=\"React logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/babel/babel-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/babel/babel-original.svg\" alt=\"Babel logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/webpack/webpack-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/webpack/webpack-original.svg\" alt=\"Webpack logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://github.com/devicons/devicon/blob/master/icons/figma/figma-original.svg\"\u003e\u003cimg src=\"https://github.com/devicons/devicon/blob/master/icons/figma/figma-original.svg\" alt=\"Figma logo\" width=\"50\" height=\"50\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\n\u003cstrong\u003e:link: Links\u003c/strong\u003e\u003cbr\u003e\n - \u003ca target=\"_blank\" href=\"http://React-Fun-Facts-Project.vercel.app/\"\u003eReact 'Fun Facts' Project\u003c/a\u003e\n - \u003ca target=\"_blank\" href=\"https://www.youtube.com/watch?v=bMknfKXIFA8\"\u003efreeCodeCamp course - YouTube\u003c/a\u003e\n - \u003ca target=\"_blank\" href=\"https://scrimba.com/learn/learnreact\"\u003efreeCodeCamp course - Scrimba\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasbhogal%2Freact-fun-facts-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fasbhogal%2Freact-fun-facts-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fasbhogal%2Freact-fun-facts-project/lists"}