{"id":20760761,"url":"https://github.com/dracula27/odin-admindashboard","last_synced_at":"2026-05-10T07:49:14.234Z","repository":{"id":92041756,"uuid":"595312947","full_name":"DrAcula27/odin-adminDashboard","owner":"DrAcula27","description":"The Odin Project - Full Stack JavaScript - Intermediate HTML and CSS - PROJECT: Admin Dashboard","archived":false,"fork":false,"pushed_at":"2023-01-31T00:00:18.000Z","size":2151,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T17:17:50.154Z","etag":null,"topics":["css","css-animations","css-flex","css-grid","git","github","html"],"latest_commit_sha":null,"homepage":"https://DrAcula27.github.io/odin-adminDashboard","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/DrAcula27.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}},"created_at":"2023-01-30T20:36:54.000Z","updated_at":"2024-12-06T15:20:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"95c8b9af-fb9d-4a9c-b613-88642de48daa","html_url":"https://github.com/DrAcula27/odin-adminDashboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DrAcula27/odin-adminDashboard","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2Fodin-adminDashboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2Fodin-adminDashboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2Fodin-adminDashboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2Fodin-adminDashboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DrAcula27","download_url":"https://codeload.github.com/DrAcula27/odin-adminDashboard/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DrAcula27%2Fodin-adminDashboard/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279260716,"owners_count":26136176,"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-10-16T02:00:06.019Z","response_time":53,"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":["css","css-animations","css-flex","css-grid","git","github","html"],"created_at":"2024-11-17T10:15:35.998Z","updated_at":"2025-10-17T00:32:25.623Z","avatar_url":"https://github.com/DrAcula27.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eWelcome to odin-adminDashboard!\u003c/h1\u003e\n\n\u003e The Odin Project - Full Stack JavaScript - Intermediate HTML and CSS - PROJECT: Admin Dashboard\n\n\u003e This is the second project in the Intermediate HTML and CSS portion of the Full Stack JavaScript course on The Odin Project. It is a dashboard webpage that relies heavily on CSS Grid as per request for the assignment. This dashboard displays all the projects I have done through The Odin Project so far.\n\n## Demo\n\n[Click to View the Live Demo](https://DrAcula27.github.io/odin-adminDashboard/)\n\n#### Static Demo:\n\n\u003ckbd\u003e\n  \u003cimg src=\"./img/admin-dashboard.png\" alt=\"static demo\" /\u003e\n\u003c/kbd\u003e\n\n## Author\n\n👤 **Danielle Andrews**\n\n- Github: [@DrAcula27](https://github.com/DrAcula27)\n- LinkedIn: [@daniellerandrews](https://linkedin.com/in/daniellerandrews)\n\n## Project Details\n\nView the assignment at [The Odin Project](https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-admin-dashboard)\n\n### Project Goals\n\n1. Build a page based on the design requirements; relying heavily on CSS Grid.\n1. Practice nesting grids.\n1. (extra) Make the page responsive.\n\n- Provided project design file:\n  \u003ckbd\u003e\n    \u003cimg src=\"https://cdn.statically.io/gh/TheOdinProject/curriculum/43cc6ab69fdfbef40d431a65677d2144668930ac/intermediate_html_css/grid/project_admin_dashboard/imgs/dashboard-project.png\" alt=\"design file\" /\u003e\n  \u003c/kbd\u003e\n\n## Future Work\n\n- Add to this page as I complete more projects through The Odin Project.\n- Add JavaScript to:\n  - Dynamically add HTML\n  - Switch between Light and Dark modes\n  - Make the search bar actually work\n\n## Attributions\n\n- Icons: [Fontawesome](https://fontawesome.com/)\n\n## Show Your Support\n\nGive a ⭐️ if you liked this project!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula27%2Fodin-admindashboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdracula27%2Fodin-admindashboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdracula27%2Fodin-admindashboard/lists"}