{"id":15111500,"url":"https://github.com/fhmurakami/the-odin-project","last_synced_at":"2026-02-14T15:31:44.420Z","repository":{"id":243276324,"uuid":"811541759","full_name":"fhmurakami/the-odin-project","owner":"fhmurakami","description":"Repo for The Odin Projects' projects. From Foundations to Full Stack (Ruby on Rails and JS/React)","archived":false,"fork":false,"pushed_at":"2025-05-04T04:56:24.000Z","size":6317,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-10T23:43:51.447Z","etag":null,"topics":["css","databases","html","javascript","nodejs","react","ruby","ruby-on-rails","sql"],"latest_commit_sha":null,"homepage":"https://www.theodinproject.com/","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/fhmurakami.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-06-06T19:54:46.000Z","updated_at":"2025-05-04T04:56:27.000Z","dependencies_parsed_at":"2024-10-20T01:41:19.650Z","dependency_job_id":"760f7f9b-1802-4efc-bf95-fbc6d149ccac","html_url":"https://github.com/fhmurakami/the-odin-project","commit_stats":{"total_commits":85,"total_committers":1,"mean_commits":85.0,"dds":0.0,"last_synced_commit":"2968ba4d7de4a727876aedbad737a4403bfe0462"},"previous_names":["fhmurakami/the-odin-project"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/fhmurakami/the-odin-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fhmurakami%2Fthe-odin-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fhmurakami%2Fthe-odin-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fhmurakami%2Fthe-odin-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fhmurakami%2Fthe-odin-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fhmurakami","download_url":"https://codeload.github.com/fhmurakami/the-odin-project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fhmurakami%2Fthe-odin-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29447980,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T14:10:32.461Z","status":"ssl_error","status_checked_at":"2026-02-14T14:09:49.945Z","response_time":53,"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","databases","html","javascript","nodejs","react","ruby","ruby-on-rails","sql"],"created_at":"2024-09-26T00:20:34.155Z","updated_at":"2026-02-14T15:31:44.399Z","avatar_url":"https://github.com/fhmurakami.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# The Odin Project\n\n## Projects\n\n### Foundations\n\n| | | | |\n| -------------------------------- | ----------------------------------------------------------- | ------------------------------- | ------------------------------- |\n| **HTML** | | | |\n| **Recipes** | [HTML Foundations Project][HTMLFoundationsProject] | [Code][HTMLFoundationsCode] | [Page][HTMLFoundationsPage] |\n| | | | |\n| **CSS** | | | |\n| **Foundations** | [CSS Foundations Exercises][CSSFoundationsExercises] | | |\n| 1. CSS Methods | | [Code][CSSFoundationsCode1] | [View][CSSFoundationsPage1] |\n| 2. Class and ID Selectors | | [Code][CSSFoundationsCode2] | [View][CSSFoundationsPage2] |\n| 3. Grouping Selectors | | [Code][CSSFoundationsCode3] | [View][CSSFoundationsPage3] |\n| 4. Chaining Selectors | | [Code][CSSFoundationsCode4] | [View][CSSFoundationsPage4] |\n| 5. Descendant Combinator | | [Code][CSSFoundationsCode5] | [View][CSSFoundationsPage5] |\n| 6. CSS Cascade Fix | | [Code][CSSFoundationsCode6] | [View][CSSFoundationsPage6] |\n| **Margin and Padding** | [CSS Margin and Padding Exercises][CSSMarginPaddingProject] | | |\n| 1. Margin and Padding practice | | [Code][CSSMarginPaddingCode1] | [View][CSSMarginPaddingPage1] |\n| 2. Margin and Padding #2 | | [Code][CSSMarginPaddingCode2] | [View][CSSMarginPaddingPage2] |\n| **Flex** | [CSS Flex Exercises][CSSFlexProject] | | |\n| 1. CENTER THIS DIV | | [Code][CSSFlexCode1] | [View][CSSFlexPage1] |\n| 2. A Basic Header | | [Code][CSSFlexCode2] | [View][CSSFlexPage2] |\n| 3. Another common header style | | [Code][CSSFlexCode3] | [View][CSSFlexPage3] |\n| 4. A very common website feature | | [Code][CSSFlexCode4] | [View][CSSFlexPage4] |\n| 5. A common 'modal' style | | [Code][CSSFlexCode5] | [View][CSSFlexPage5] |\n| 6. An entire page! | | [Code][CSSFlexCode6] | [View][CSSFlexPage6] |\n| 7. The Holy Grail of Layout | | [Code][CSSFlexCode7] | [View][CSSFlexPage7] |\n| **Landing Page** | [CSS Foundations Project][CSSFoundationsProject] | [Code][CSSFoundationsCode] | [View][CSSFoundationsPage] |\n| | | | |\n| **Javascript** | | | |\n| **Foundations** | [JS Foundations Exercises][JSFoundationsExercises] | | |\n| 1. Hello World | | [Code][JSFoundationsCode1] | [View][JSFoundationsPage1] |\n| 2. Repeat a String | | [Code][JSFoundationsCode2] | [View][JSFoundationsPage2] |\n| 3. Reverse a String | | [Code][JSFoundationsCode3] | [View][JSFoundationsPage3] |\n| 4. Remove From Array | | [Code][JSFoundationsCode4] | [View][JSFoundationsPage4] |\n| 5. Sum All | | [Code][JSFoundationsCode5] | [View][JSFoundationsPage5] |\n| 6. Leap Years | | [Code][JSFoundationsCode6] | [View][JSFoundationsPage6] |\n| 7. Temperature Conversion | | [Code][JSFoundationsCode7] | [View][JSFoundationsPage7] |\n| **Rock, Paper, Scissors** | [JS Rock, Paper, Scissors Project][JS-RPSProject] | [Code][JS-RPSProjectCode] | [View][JS-RPSProjectPage] |\n| **Etch-a-Sketch** | [JS Etch-a-Sketch Project][JSEtchSketchProject] | [Code][JSEtchSketchProjectCode] | [Page][JSEtchSketchProjectPage] |\n| 8. Calculator | | [Code][JSFoundationsCode8] | [View][JSFoundationsPage8] |\n| 9. Palindromes | | [Code][JSFoundationsCode9] | [View][JSFoundationsPage9] |\n| 10. Fibonacci | | [Code][JSFoundationsCode10] | [View][JSFoundationsPage10] |\n| 11. Get The Titles | | [Code][JSFoundationsCode11] | [View][JSFoundationsPage11] |\n| 12. Find The Oldest | | [Code][JSFoundationsCode12] | [View][JSFoundationsPage12] |\n| **Calculator** | [JS Calculator Project][JS-CalcProject] | [Code][JS-CalcProjectCode] | [View][JS-CalcProjectPage] |\n| | | | |\n| **Intermediate HTML and CSS** | | | |\n| **Forms** | | | |\n| 1. Sign-up Form | [Sign-up Form Project][Sign-upProject] | [Code][Sign-upProjectCode] | [View][Sign-upProjectPage] |\n| | | | |\n| **Grid** | | | |\n| 1. Positioning Grid Elements | [Positioning Grid Elements][GridExercise1] | [Code][CSSGridCode1] | [View][CSSGridPage1] |\n| | | | |\n| **Advanced Grid** | | | |\n| 1. Responsive Holy Grail | [Responsive Holy Grail][AdvancedGridExercise1] | [Code][CSSAdvancedGridCode1] | [View][CSSAdvancedGridPage1] |\n| 2. Holy Grail Mockup | [Holy Grail Mockup][AdvancedGridExercise2] | [Code][CSSAdvancedGridCode2] | [View][CSSAdvancedGridPage2] |\n| **Admin Dashboard** | [HTML \u0026 CSS - Admin Dashboard Project][AdminDashProject] | [Code][AdminDashCode] | [View][AdminDashPage] |\n| | | | |\n| | | | |\n\n[HTMLFoundationsProject]: https://www.theodinproject.com/lessons/foundations-recipes\n[HTMLFoundationsCode]: ./foundations/html/odin-recipes/\n[HTMLFoundationsPage]: https://fhmurakami.github.io/the-odin-project/foundations/html/odin-recipes\n\n\u003c!-- --\u003e\n\n[CSSFoundationsExercises]: https://www.theodinproject.com/lessons/foundations-intro-to-css\n[CSSFoundationsCode1]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/intro-to-css/01-css-methods\n[CSSFoundationsPage1]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/intro-to-css/01-css-methods/index.html\n\u003c!-- --\u003e\n[CSSFoundationsCode2]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/intro-to-css/02-class-id-selectors\n[CSSFoundationsPage2]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/intro-to-css/02-class-id-selectors/index.html\n\u003c!-- --\u003e\n[CSSFoundationsCode3]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/intro-to-css/03-grouping-selectors\n[CSSFoundationsPage3]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/intro-to-css/03-grouping-selectors/index.html\n\u003c!-- --\u003e\n[CSSFoundationsCode4]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/intro-to-css/04-chaining-selectors\n[CSSFoundationsPage4]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/intro-to-css/04-chaining-selectors/index.html\n\u003c!-- --\u003e\n[CSSFoundationsCode5]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/intro-to-css/05-descendant-combinator\n[CSSFoundationsPage5]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/intro-to-css/05-descendant-combinator/index.html\n\u003c!-- --\u003e\n[CSSFoundationsCode6]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/cascade/01-cascade-fix\n[CSSFoundationsPage6]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/cascade/01-cascade-fix/index.html\n\n\u003c!-- --\u003e\n\n[CSSMarginPaddingProject]: https://www.theodinproject.com/lessons/foundations-block-and-inline\n[CSSMarginPaddingCode1]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/block-and-inline/01-margin-and-padding-1\n[CSSMarginPaddingPage1]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/block-and-inline/01-margin-and-padding-1/\n[CSSMarginPaddingCode2]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/block-and-inline/02-margin-and-padding-2\n[CSSMarginPaddingPage2]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/block-and-inline/02-margin-and-padding-2/\n\n\u003c!-- --\u003e\n\n[CSSFlexProject]: https://www.theodinproject.com/lessons/foundations-alignment\n[CSSFlexCode1]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/01-flex-center\n[CSSFlexPage1]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/01-flex-center/\n[CSSFlexCode2]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/02-flex-header\n[CSSFlexPage2]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/02-flex-header/\n[CSSFlexCode3]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/03-flex-header-2\n[CSSFlexPage3]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/03-flex-header-2/\n[CSSFlexCode4]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/04-flex-information\n[CSSFlexPage4]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/04-flex-information/\n[CSSFlexCode5]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/05-flex-modal\n[CSSFlexPage5]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/05-flex-modal/\n[CSSFlexCode6]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/06-flex-layout\n[CSSFlexPage6]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/06-flex-layout/\n[CSSFlexCode7]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/exercises/flex/07-flex-layout-2\n[CSSFlexPage7]: https://fhmurakami.github.io/the-odin-project/foundations/css/exercises/flex/07-flex-layout-2/\n\n\u003c!-- --\u003e\n\n[CSSFoundationsProject]: https://www.theodinproject.com/lessons/foundations-landing-page\n[CSSFoundationsCode]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/css/projects/landing-page\n[CSSFoundationsPage]: https://fhmurakami.github.io/the-odin-project/foundations/css/projects/landing-page/\n\n\u003c!-- --\u003e\n\n[JSFoundationsExercises]: https://www.theodinproject.com/lessons/foundations-arrays-and-loops\n[JSFoundationsCode1]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/01_helloWorld\n[JSFoundationsPage1]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/01_helloWorld/\n[JSFoundationsCode2]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/02_repeatString\n[JSFoundationsPage2]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/02_repeatString/\n[JSFoundationsCode3]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/03_reverseString\n[JSFoundationsPage3]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/03_reverseString/\n[JSFoundationsCode4]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/04_removeFromArray\n[JSFoundationsPage4]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/04_removeFromArray/\n[JSFoundationsCode5]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/05_sumAll\n[JSFoundationsPage5]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/05_sumAll/\n[JSFoundationsCode6]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/06_leapYears\n[JSFoundationsPage6]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/06_leapYears/\n[JSFoundationsCode7]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/07_tempConversion\n[JSFoundationsPage7]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/07_tempConversion/\n[JSFoundationsCode8]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/08_calculator\n[JSFoundationsPage8]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/08_calculator/\n[JSFoundationsCode9]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/09_palindromes\n[JSFoundationsPage9]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/09_palindromes/\n[JSFoundationsCode10]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/10_fibonacci\n[JSFoundationsPage10]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/10_fibonacci/\n[JSFoundationsCode11]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/11_getTheTitles\n[JSFoundationsPage11]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/11_getTheTitles/\n[JSFoundationsCode12]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/exercises/12_findTheOldest\n[JSFoundationsPage12]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/exercises/12_findTheOldest/\n\n\u003c!-- --\u003e\n\n[JS-RPSProject]: https://www.theodinproject.com/lessons/foundations-rock-paper-scissors\n[JS-RPSProjectCode]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/projects/rock-paper-scissors\n[JS-RPSProjectPage]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/projects/rock-paper-scissors/index.html\n\n\u003c!-- --\u003e\n\n[JSEtchSketchProject]: https://www.theodinproject.com/lessons/foundations-etch-a-sketch\n[JSEtchSketchProjectCode]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/projects/etch-a-sketch\n[JSEtchSketchProjectPage]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/projects/etch-a-sketch/index.html\n\n\u003c!-- --\u003e\n\n[JS-CalcProject]: https://www.theodinproject.com/lessons/foundations-calculator\n[JS-CalcProjectCode]: https://github.com/fhmurakami/the-odin-project/tree/main/foundations/javascript/projects/calculator\n[JS-CalcProjectPage]: https://fhmurakami.github.io/the-odin-project/foundations/javascript/projects/calculator/index.html\n\n\u003c!-- --\u003e\n\n[Sign-upProject]: https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-sign-up-form\n[Sign-upProjectCode]: https://github.com/fhmurakami/the-odin-project/tree/main/fullstack-javascript/intermediate-html-css/projects/sign-up-form\n[Sign-upProjectPage]: https://fhmurakami.github.io/the-odin-project/fullstack-javascript/intermediate-html-css/projects/sign-up-form/index.html\n\n\u003c!-- --\u003e\n\n[GridExercise1]: https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-positioning-grid-elements\n[CSSGridCode1]: https://github.com/fhmurakami/the-odin-project/tree/main/fullstack-javascript/intermediate-html-css/positioning-grid/01-basic-holy-grail\n[CSSGridPage1]: https://fhmurakami.github.io/the-odin-project/fullstack-javascript/intermediate-html-css/positioning-grid/01-basic-holy-grail/\n\n\u003c!-- --\u003e\n\n[AdvancedGridExercise1]: https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-advanced-grid-properties\n[CSSAdvancedGridCode1]: https://github.com/fhmurakami/the-odin-project/tree/main/fullstack-javascript/intermediate-html-css/advanced-grid/01-responsive-holy-grail\n[CSSAdvancedGridPage1]: https://fhmurakami.github.io/the-odin-project/fullstack-javascript/intermediate-html-css/advanced-grid/01-responsive-holy-grail/\n[AdvancedGridExercise2]: https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-advanced-grid-properties\n[CSSAdvancedGridCode2]: https://github.com/fhmurakami/the-odin-project/tree/main/fullstack-javascript/intermediate-html-css/advanced-grid/02-holy-grail-mockup\n[CSSAdvancedGridPage2]: https://fhmurakami.github.io/the-odin-project/fullstack-javascript/intermediate-html-css/advanced-grid/02-holy-grail-mockup/\n\n\u003c!-- --\u003e\n\n[AdminDashProject]: https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-admin-dashboard\n[AdminDashCode]: https://github.com/fhmurakami/the-odin-project/tree/main/fullstack-javascript/intermediate-html-css/projects/admin-dashboard\n[AdminDashPage]: https://fhmurakami.github.io/the-odin-project/fullstack-javascript/intermediate-html-css/projects/admin-dashboard/\n\n\u003c!-- --\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffhmurakami%2Fthe-odin-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffhmurakami%2Fthe-odin-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffhmurakami%2Fthe-odin-project/lists"}