{"id":15111652,"url":"https://github.com/midhunterx/game-trackr","last_synced_at":"2025-04-12T03:10:38.466Z","repository":{"id":256754685,"uuid":"856330405","full_name":"MidHunterX/Game-Trackr","owner":"MidHunterX","description":"🅰️ Played Games List 2.0 built using Angular","archived":false,"fork":false,"pushed_at":"2024-12-09T19:07:50.000Z","size":31508,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T22:41:26.045Z","etag":null,"topics":["angular18","daisyui","game-library","games-list","sass","tailwindcss","time-tracker"],"latest_commit_sha":null,"homepage":"https://midhunterx.github.io/Game-Trackr/","language":"TypeScript","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/MidHunterX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2024-09-12T11:57:41.000Z","updated_at":"2024-12-09T19:06:32.000Z","dependencies_parsed_at":"2024-09-14T01:25:50.127Z","dependency_job_id":null,"html_url":"https://github.com/MidHunterX/Game-Trackr","commit_stats":null,"previous_names":["midhunterx/game-trackr"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MidHunterX%2FGame-Trackr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MidHunterX%2FGame-Trackr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MidHunterX%2FGame-Trackr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MidHunterX%2FGame-Trackr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MidHunterX","download_url":"https://codeload.github.com/MidHunterX/Game-Trackr/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248510000,"owners_count":21116131,"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":["angular18","daisyui","game-library","games-list","sass","tailwindcss","time-tracker"],"created_at":"2024-09-26T00:22:02.341Z","updated_at":"2025-04-12T03:10:38.428Z","avatar_url":"https://github.com/MidHunterX.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Gamer Trackr\n\nA simple frontend to keep track of the library of games that that I have played in my lifetime.\n\n\u003e To view easteregg: Refresh any game details page once\n\n## 🍳 Made with\n\n\u003cspan\u003e\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/angular/angular-original.svg\" /\u003e \u0026nbsp;\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/figma/figma-original.svg\" /\u003e \u0026nbsp;\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/html5/html5-original.svg\" /\u003e \u0026nbsp;\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/sass/sass-original.svg\" /\u003e \u0026nbsp;\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/tailwindcss/tailwindcss-original.svg\" /\u003e \u0026nbsp;\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/python/python-original.svg\" /\u003e \u0026nbsp;\n  \u003cimg width=64 src=\"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/photoshop/photoshop-original.svg\" /\u003e\n\u003c/span\u003e\n\nDesign Files: [Game Trackr - Figma](https://www.figma.com/design/8O0MrwPahKFqxLz0STEKD6/Game-Trackr?node-id=0-1\u0026t=TYBgrdCRQ3dTyy1q-1)\n\n## ⚡ Features\n\n- [x] OpenGraph and Twitter card metadata for social media sharing.\n- [x] Vimium / Tridactyl / Keyboard friendly navigation (ft. tabindex=\"0\")\n- [x] Smartphone / Tablet friendly navigation.\n- [x] Generate raster gaussian blur for background instead of CSS blur filter (resource intensive)\n- [x] Ability to set custom user scroll position on Game Details throughout sidebar navigation.\n- [x] URLs without id attrib to avoid history spamming (not really needed as data is handed over to next page)\n- [x] Optimization: Data is handed over to routes to avoid data reloading\n- [x] Add/remove IGDB entries from all games at once\n- [x] IGDB API integration for game data\n- [x] Loads data one time and passes to other pages\n- [x] Optimization: Lazy loading images (on Cards and Workspace Icons only)\n\n## 🚀 Quickstart\n\nStep 1: Clone the project, cd into it and install dependencies\n\nUsing **HTTPS**:\n\n```bash\ngit clone https://github.com/MidHunterX/Game-Trackr.git\ncd Game-Trackr\nnpm install\n```\n\nUsing **SSH** (Personal):\n\n```bash\n\ngit clone git@github.com:MidHunterX/Game-Trackr.git\ncd Game-Trackr\nnpm install\n```\n\nStep 2: Start Server (Make sure to have ng tool installed)\n\n```bash\nng serve\n```\n\nStep 3: Navigate to development url\n\n```\nhttp://localhost:4200/\n```\n\nStep 4: Profit?\n\n## 💽 Technologies Used\n\n| Technology           | Description                  |\n| -------------------- | ---------------------------- |\n| Angular 18           | Web Application Framework    |\n| HTML5                | Frontend Markup Language     |\n| SASS                 | Better styling DX            |\n| TailwindCSS          | CSS Framework                |\n| DaisyUI              | Tailwind Component Library   |\n| angular-fontawesome  | Font Awesome for Angular     |\n| free-solid-svg-icons | Solid Icons for Font Awesome |\n| angular-cli-ghpages  | Angular CI/CD Deploy Script  |\n\n## Personal Note\n\nBG Blur = 19:6 + h-180 + Gaussian Blur 15px\n\n# Angular 18 Notes\n\nHaving favicon and a Public Directory:\n\n```json\n/* angular.json */\n{\n  \"projects\": {\n    \"Project-Name\": {\n      \"architect\": {\n        \"build\": {\n          \"options\": {\n            \"assets\": [\n              \"src/favicon.ico\",\n              {\n                \"glob\": \"**/*\",\n                \"input\": \"public\",\n                \"output\": \"public\" /* add this */\n              }\n            ]\n          }\n        }\n      }\n    }\n  }\n}\n```\n\nHaving normal scroll position behaviour (InMemoryScrolling):\n\n```ts\n// app.config.ts\nimport { ApplicationConfig, provideZoneChangeDetection } from \"@angular/core\";\nimport { provideRouter, withComponentInputBinding, withInMemoryScrolling } from \"@angular/router\";\n\nimport { routes } from \"./app.routes\";\n\nexport const appConfig: ApplicationConfig = {\n  providers: [\n    provideZoneChangeDetection({ eventCoalescing: true }),\n    provideRouter(\n      routes,\n      withComponentInputBinding(),\n      withInMemoryScrolling({\n        scrollPositionRestoration: \"enabled\",\n        anchorScrolling: \"enabled\",\n      }),\n    ),\n  ],\n};\n```\n\nHandling same url route navigation (OnSameUrlNavigation):\n\n```ts\n// app.config.ts\nimport { withRouterConfig } from \"@angular/router\";\n\nexport const appConfig: ApplicationConfig = {\n  providers: [provideRouter(routes, withRouterConfig({ onSameUrlNavigation: \"reload\" }))],\n};\n```\n\nFetching JSON:\n\n```json\n/* tsconfig.json */\n{\n  \"compilerOptions\": {\n    \"resolveJsonModule\": true\n  }\n}\n```\n\nUsing for loop:\n\n```ts\n// component.ts\nimport { CommonModule } from \"@angular/common\";\n```\n\n```html\n\u003c!-- component.html --\u003e\n\u003ctag *ngFor=\"let item of items\"\u003e\n  \u003ctext\u003e{{ item.name }}\u003c/text\u003e\n\u003c/tag\u003e\n```\n\nDeploying:\n\n```\nng deploy --message=\"\" --repo=git@github.com:MidHunterX/Game-Trackr.git --base-href=\"/Game-Trackr/\"\n```\n\n\u003e --repo: by default the repository is discovered from the current working directory.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmidhunterx%2Fgame-trackr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmidhunterx%2Fgame-trackr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmidhunterx%2Fgame-trackr/lists"}