{"id":19543237,"url":"https://github.com/codewithalamin/project-tracking-intro-component","last_synced_at":"2026-05-16T02:01:52.678Z","repository":{"id":169455210,"uuid":"645291094","full_name":"CodeWithAlamin/Project-tracking-intro-component","owner":"CodeWithAlamin","description":"Minimalist project tracking intro component built with HTML, CSS, and JavaScript.","archived":false,"fork":false,"pushed_at":"2024-10-30T12:32:39.000Z","size":342,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T05:33:20.045Z","etag":null,"topics":["codepapa360","codewithalamin","css","frontend-web","frontendmentor","html","javascript"],"latest_commit_sha":null,"homepage":"https://project-tracking-intro-alamin.netlify.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CodeWithAlamin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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-05-25T10:31:09.000Z","updated_at":"2024-10-30T12:32:43.000Z","dependencies_parsed_at":"2025-01-08T19:10:56.253Z","dependency_job_id":"e588b662-2a4f-4f1c-811d-4428583e55e5","html_url":"https://github.com/CodeWithAlamin/Project-tracking-intro-component","commit_stats":null,"previous_names":["codepapa360/project-tracking-intro-component","codewithalamin/project-tracking-intro-component"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/CodeWithAlamin/Project-tracking-intro-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FProject-tracking-intro-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FProject-tracking-intro-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FProject-tracking-intro-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FProject-tracking-intro-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CodeWithAlamin","download_url":"https://codeload.github.com/CodeWithAlamin/Project-tracking-intro-component/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CodeWithAlamin%2FProject-tracking-intro-component/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33087425,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-15T20:25:35.270Z","status":"online","status_checked_at":"2026-05-16T02:00:07.515Z","response_time":115,"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":["codepapa360","codewithalamin","css","frontend-web","frontendmentor","html","javascript"],"created_at":"2024-11-11T03:18:03.488Z","updated_at":"2026-05-16T02:01:52.643Z","avatar_url":"https://github.com/CodeWithAlamin.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eProject tracking intro component\u003c/h1\u003e\n\u003cdiv align=\"center\"\u003e\n\nChallenge from [Frontend Mentor](https://www.frontendmentor.io/profile/CodeWithAlamin)\n\n\u003c/div\u003e\n\n\u003ch2 align=\"center\"\u003e\n\n[🚀Live Site](https://project-tracking-intro-alamin.netlify.app/)\n|\n[💡Frontend Mentor](https://www.frontendmentor.io/solutions/responsive-project-tracking-intro-component-nrBDDE7zbl)\n\n\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\nA minimalist project tracking intro component created as a practice project from FrontendMentor. This solution was built using HTML, CSS, and JavaScript, showcasing responsive design and frontend development skills.\n\u003c/p\u003e\n\n\u003ca align=\"center\" href=\"https://project-tracking-intro-alamin.netlify.app/\"\u003e\n\n![Screenshot](./screenshots/Project-tracking-intro-component-screenshot-CodeWithAlamin.png)\n\n\u003c/a\u003e\n\n## The challenge\n\nUsers should be able to:\n\n- View the optimal layout for the site depending on their device's screen size\n- See hover states for all interactive elements on the page\n- Create the background shape using code\n\n## Built with\n\n- Semantic HTML5 markup\n- Mobile-first workflow\n- CSS custom properties\n- CSS Grid\n- JavaScript\n- NPM\n- [Webpack - a module bundler](https://webpack.js.org/)\n\n## Installation\n\n- Clone this repo:\n\n```sh\ngit clone https://github.com/CodeWithAlamin/Project-tracking-intro-component.git\n```\n\n- Install dependencies:\n\n```sh\nnpm install\n```\n\n- Build command:\n\n```sh\nnpm run build\n```\n\n- Live server:\n\n```sh\nnpm start\n```\n\n## Author\n\n\u003cb\u003e👤 Alamin\u003c/b\u003e\n\n- Twitter - [@CodeWithAlamin](https://www.twitter.com/CodeWithAlamin)\n- LinkedIn - [@CodeWithAlamin](https://www.linkedin.com/in/CodeWithAlamin)\n- Frontend Mentor - [@CodeWithAlamin](https://www.frontendmentor.io/profile/CodeWithAlamin)\n- Github: [@CodeWithAlamin](https://github.com/CodeWithAlamin)\n\nFeel free to contact me with any questions or feedback!\n\n## Show your support\n\nGive a ⭐️ if you liked this project!\n\n## Acknowledgments\n\nSpecial thanks to Frontend Mentor for providing such an amazing platform to practice and improve my frontend skills. The challenges and projects available on the website were both fun and challenging, and helped me learn a lot in a short amount of time.\n\n## License\n\nThis project is licensed under the [MIT](https://github.com/CodeWithAlamin/Project-tracking-intro-component/blob/main/LICENSE.md) license, which means you can use, modify, and distribute the code as you wish. If you have any questions or feedback, feel free to reach out. Thank you for considering my code!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Fproject-tracking-intro-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodewithalamin%2Fproject-tracking-intro-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodewithalamin%2Fproject-tracking-intro-component/lists"}