{"id":25023278,"url":"https://github.com/robeecodes/top-full-stack-javascript","last_synced_at":"2025-07-13T15:34:00.583Z","repository":{"id":262102886,"uuid":"886227082","full_name":"robeecodes/top-full-stack-javascript","owner":"robeecodes","description":"Repository for The Odin Project projects from the Full Stack JavaScript path.","archived":false,"fork":false,"pushed_at":"2025-06-29T19:11:04.000Z","size":4949,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-29T20:21:52.206Z","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/robeecodes.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}},"created_at":"2024-11-10T14:32:28.000Z","updated_at":"2025-06-29T19:11:08.000Z","dependencies_parsed_at":"2024-11-10T15:31:39.585Z","dependency_job_id":"167b6348-e2f3-42e3-9d0e-42124ca7c51b","html_url":"https://github.com/robeecodes/top-full-stack-javascript","commit_stats":null,"previous_names":["robeecodes/top-full-stack-javascript"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/robeecodes/top-full-stack-javascript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robeecodes%2Ftop-full-stack-javascript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robeecodes%2Ftop-full-stack-javascript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robeecodes%2Ftop-full-stack-javascript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robeecodes%2Ftop-full-stack-javascript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robeecodes","download_url":"https://codeload.github.com/robeecodes/top-full-stack-javascript/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robeecodes%2Ftop-full-stack-javascript/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265163337,"owners_count":23720941,"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":"2025-02-05T14:39:48.882Z","updated_at":"2025-07-13T15:34:00.537Z","avatar_url":"https://github.com/robeecodes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# The Odin Project: Full Stack JavaScript Path\n\nThis repository contains all the projects I’ve built as part of The Odin Project’s Full Stack JavaScript Path. Below are some of the projects that you can explore.\n\n## Projects\n\n### 1. **Sign-Up Form**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/sign-up-form/)** |\n[View on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/sign-up-form)  \nA simple, responsive form where users can sign up with their details. Includes form validation and interactive elements.\n\n![Sign-Up Form Screenshot](project-screenshots/sign-up-form.png)\n\n---\n\n### 2. **Admin Dashboard**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/admin-dashboard/)** |\n[View on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/admin-dashboard)  \nAn admin dashboard built to practice my CSS Grid skills.\n\n![Admin Dashboard Screenshot](project-screenshots/admin-dashboard.png)\n\n---\n\n### 3. **Library**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/library/)** |\n[View on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/library)  \nA simple library app where users can add, remove, and mark books as read. It uses JavaScript for DOM manipulation.\n\n![Library Screenshot](project-screenshots/library.png)\n\n---\n\n### 4. **Tic Tac Toe**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/tic-tac-toe/)** |\n[View on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/tic-tac-toe)  \nA classic Tic Tac Toe game implemented using JavaScript. The game allows two players to compete in a browser.\n  \n![Tic Tac Toe Screenshot](project-screenshots/tic-tac-toe.png)\n\n---\n\n### 5. **Restaurant**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/restaurant/dist/)** |\n[View on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/restaurant)  \nA restaurant website showcasing different sections in a single-page app. Built to practice DOM manipulation in JavaScript.\n\n![Restaurant Screenshot](project-screenshots/restaurant.png)\n\n---\n\n### 6. **To Do App**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/todo/dist/)** |\n[View on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/todo)  \nA to do app built to practice MVC design pattern, DOM manipulation and localstorage access.\n\n![To Do App Screenshot](project-screenshots/todo.png)\n\n---\n\n### 6.5. **Custom Dropdown and Carousel**\n\n**[Live Preview](https://robeecodes.github.io/top-full-stack-javascript/dropdown-and-carousel/src/)** |\n[View Code on GitHub](https://github.com/robeecodes/top-full-stack-javascript/tree/main/dropdown-and-carousel)  \nBonus demonstration of creating custom elements with [JavaScript Web Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements). Note the usage of [WAI-ARIA Patterns](https://www.w3.org/WAI/ARIA/apg/patterns/carousel)\n\n![Custom Dropdown and Carousel Screenshot](project-screenshots/dropdown-and-carousel.png)\n\n## Tech Stack ⚙️\n\n- **HTML5** - Structure of the web pages\n- **CSS3** - Styling and responsiveness\n- **JavaScript** - Core functionality and logic\n- **Git \u0026 GitHub** - Version control and project management\n- **GitHub Pages** - Hosting the live demo of each project\n\n## Getting Started\n\nTo get started with any of the projects, simply clone the repository:\n\n```bash\ngit clone https://github.com/robeecodes/top-full-stack-javascript.git\n```\n\nNavigate to the specific project folder, and you can open it directly in your browser to view or edit the files.\n\n## Connect with Me! 🌍\n\n- [My Portfolio](https://digital-robin.com)\n- [LinkedIn](https://www.linkedin.com/in/robin-kingy/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobeecodes%2Ftop-full-stack-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobeecodes%2Ftop-full-stack-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobeecodes%2Ftop-full-stack-javascript/lists"}