{"id":21441009,"url":"https://github.com/jmcamposdev/theodinproject","last_synced_at":"2025-03-17T00:37:46.041Z","repository":{"id":192443673,"uuid":"646410821","full_name":"jmcamposdev/TheOdinProject","owner":"jmcamposdev","description":"This is a repository that I will upload all the project doing The Odin Project JavaScript Full Stack Path","archived":false,"fork":false,"pushed_at":"2023-10-24T16:35:43.000Z","size":7424,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-23T10:24:36.136Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/jmcamposdev.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":"2023-05-28T10:09:46.000Z","updated_at":"2023-09-03T18:42:44.000Z","dependencies_parsed_at":"2023-10-01T07:33:08.697Z","dependency_job_id":"fa2c3d66-43ac-4ecd-b6d6-c321749c5290","html_url":"https://github.com/jmcamposdev/TheOdinProject","commit_stats":null,"previous_names":["jmcamposdev/theodinproject"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmcamposdev%2FTheOdinProject","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmcamposdev%2FTheOdinProject/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmcamposdev%2FTheOdinProject/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmcamposdev%2FTheOdinProject/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jmcamposdev","download_url":"https://codeload.github.com/jmcamposdev/TheOdinProject/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243955750,"owners_count":20374372,"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","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":[],"created_at":"2024-11-23T01:19:52.476Z","updated_at":"2025-03-17T00:37:45.998Z","avatar_url":"https://github.com/jmcamposdev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv id=\"header\" align=\"center\"\u003e\n  \u003cimg src=\"https://www.theodinproject.com/assets/og-logo-022832d4cefeec1d5266237be260192f5980f9bcbf1c9ca151b358f0ce1fd2df.png\" width=\"500\"/\u003e\n\u003c/div\u003e\n\n# The Odin Project - JavaScript\nThis is a repository that I will upload all the project and exercises doing The Odin Project JavaScript Full Stack Path\n\n## Structure\nThe Odin project is divided into two parts:\n- `The Foundation`: Which is mandatory and teaches basic concepts about HTML, CSS, JavaScript and setting up your development environment.\n- `Path`: The path to follow once you have finished `The Foundation` you can choose between `Full Stack Ruby on Rails` or `Full Stack JavaScript` in my case I chose the JavaScript path.\n\n# Foundations Course\nIn this course I learned the bases of HTML, CSS and some basic JavaScript working with the DOM, I used in Exercises and Projects the projects are:\n- **Recipes →** [Demo](https://jmcamposdev.github.io/TheOdinProject/0-Foundations/Projects/1-Recipes/) | [Code](/0-Foundations/Projects/1-Recipes)\n- **Landing Page →** [Demo](https://jmcamposdev.github.io/TheOdinProject/0-Foundations/Projects/2-Portfolio/#sobremi) | [Code](/0-Foundations/Projects/2-Portfolio)\n- **Rock Paper Scissors →** [Demo](https://jmcamposdev.github.io/TheOdinProject/0-Foundations/Projects/3-Rock-Paper-Scissors/) | [Code](/0-Foundations/Projects/3-Rock-Paper-Scissors)\n- **Etch-a-Sketch →** [Demo](https://jmcamposdev.github.io/TheOdinProject/0-Foundations/Projects/4-Etch-A-Sketch/) | [Code](/0-Foundations/Projects/4-Etch-A-Sketch)\n- **Calculator →** [Demo](https://jmcamposdev.github.io/TheOdinProject/0-Foundations/Projects/5-Calculator/) | [Code](/0-Foundations/Projects/5-Calculator)\n\n# Intermediate HTML and CSS\nIn this course I learned more about what you can do with HTML and CSS.\n- **Sign-up Form → ** [Demo](https://jmcamposdev.github.io/TheOdinProject/1-IntermediateHTML\u0026CSS-Course/Projects/1-Sign-up%20Form/) | [Code](/1-IntermediateHTML%26CSS-Course/Projects/1-Sign-up%20Form)\n-  **Admin Dashboard → ** [Demo](https://jmcamposdev.github.io/TheOdinProject/1-IntermediateHTML\u0026CSS-Course/Projects/2-Admin-Dashboard/) | [Code](/1-IntermediateHTML%26CSS-Course/Projects/2-Admin-Dashboard)\n\n# JavaScript Course\nIn this course, I have gained fundamental knowledge to make my websites dynamic and interactive using JavaScript. Some of the key aspects I have learned include:\n\n1. **DOM Manipulation:** I have learned how JavaScript can be used to dynamically modify and update the content of a web page in real-time. I can create interactions such as showing or hiding elements, changing text and styles, and responding to user events.\n2. **Object-Oriented Programming (OOP) Principles:** I have acquired a solid understanding of OOP concepts in JavaScript. This enables me to organize my code more efficiently, create reusable objects, and maintain a clearer structure in my applications.\n3. **Working with APIs (Application Programming Interfaces):** I have learned how to connect to external web services and fetch real-world data to enrich my applications. This includes the ability to send HTTP requests, receive JSON responses, and dynamically display data on my websites.\n4. **Creating Interactive Features:** Through practical projects, I have developed skills to create interactive features and standalone applications using JavaScript. This allows me to build more engaging and functional user experiences.\nIn summary, this course has provided me with a solid foundation in JavaScript and has empowered me to create dynamic and enriching web applications. I can now manipulate the DOM, apply object-oriented programming principles, and leverage APIs to build interactive and functional websites.\n\n## Projects\n- **Library →** [Demo](https://jmcamposdev.github.io/TheOdinProject/2-JavaScript-Course/Projects/1-Library/) | [Code](/2-JavaScript-Course/Projects/1-Library)\n- **Tic Tac Toe →** [Demo](https://jmcamposdev.github.io/TheOdinProject/2-JavaScript-Course/Projects/2-Tic-Tac-Toe/) | [Code](/2-JavaScript-Course/Projects/2-Tic-Tac-Toe)\n- **Restaurant Page →** [Demo](https://jmcamposdev.github.io/TheOdinProject/2-JavaScript-Course/Projects/3-Restaurant-Page/dist) | [Code](/2-JavaScript-Course/Projects/3-Restaurant-Page)\n- **Todo List →** [Demo](https://jmcamposdev.github.io/TheOdinProject/2-JavaScript-Course/Projects/5-Todo-List/dist) | [Code](/2-JavaScript-Course/Projects/5-Todo-List)\n- **Weather App →** [Demo](https://jmcamposdev.github.io/TheOdinProject/2-JavaScript-Course/Projects/6-Weather-App/dist) | [Code](/2-JavaScript-Course/Projects/6-Weather-App)\n- **Recursion →**  [Code](/2-JavaScript-Course/Projects/7-Recursion)\n\n\nI will continue to upload exercises and projects. Be patient.\n\n🚧 This repository is under construction 🚧\n\n\u003e **Thank you for reading the project and I hope you find it useful 😉 \u003cbr\u003e\n\u003e If you liked it please give me ⭐️**\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjmcamposdev%2Ftheodinproject","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjmcamposdev%2Ftheodinproject","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjmcamposdev%2Ftheodinproject/lists"}