{"id":20980266,"url":"https://github.com/ali-sdg90/aim-lab-ts","last_synced_at":"2025-04-12T02:40:55.290Z","repository":{"id":205166341,"uuid":"713564339","full_name":"Ali-Sdg90/Aim-Lab-TS","owner":"Ali-Sdg90","description":"Customizable TypeScript aiming game for precision training","archived":false,"fork":false,"pushed_at":"2024-09-22T18:50:54.000Z","size":10602,"stargazers_count":14,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T22:21:16.701Z","etag":null,"topics":["aimlab","fun-project","pure-perfection","typescript","typescript-game"],"latest_commit_sha":null,"homepage":"https://ali-sdg90.github.io/Aim-Lab-TS/","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/Ali-Sdg90.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":"2023-11-02T19:23:45.000Z","updated_at":"2025-03-12T17:21:07.000Z","dependencies_parsed_at":"2025-01-20T06:28:17.696Z","dependency_job_id":"8025c6a1-e13a-4747-8c60-3d3b1d80d40d","html_url":"https://github.com/Ali-Sdg90/Aim-Lab-TS","commit_stats":null,"previous_names":["ali-sdg90/aim-lab-ts"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ali-Sdg90%2FAim-Lab-TS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ali-Sdg90%2FAim-Lab-TS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ali-Sdg90%2FAim-Lab-TS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ali-Sdg90%2FAim-Lab-TS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ali-Sdg90","download_url":"https://codeload.github.com/Ali-Sdg90/Aim-Lab-TS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248507467,"owners_count":21115607,"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":["aimlab","fun-project","pure-perfection","typescript","typescript-game"],"created_at":"2024-11-19T05:17:32.201Z","updated_at":"2025-04-12T02:40:55.272Z","avatar_url":"https://github.com/Ali-Sdg90.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eAim-Lab-TS🎯\u003c/h1\u003e\n\u003cimg\n    src=\"./Imgs/readme-assets/game-showcase.gif\"\n    alt=\"Gameplay Showcase\"\n    style=\"width: 100%\"\n/\u003e\n\n\u003ch2\u003eOverview\u003c/h2\u003e\n\u003cp\u003e\n    Aim-Lab-TS is a meticulously crafted web-based game designed to enhance your\n    aiming skills. Built using a combination of HTML, SCSS, CSS, JavaScript and\n    TypeScript, this project offers a dynamic and engaging experience for users\n    seeking to refine their precision.\n\u003c/p\u003e\n\u003ch2\u003eFeatures\u003c/h2\u003e\n\u003cul\u003e\n    \u003cli\u003e\n        \u003cp\u003e\n            \u003cstrong\u003eCustomizable Settings:\u003c/strong\u003e Begin your training by\n            adjusting various parameters in the settings page. Modify the number\n            of targets and bombs, enable or disable movement for targets and\n            bombs, set the game timer, and fine-tune other gameplay aspects\n            according to your preference.\n        \u003c/p\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cp\u003e\n            \u003cstrong\u003eReal-time Analytics:\u003c/strong\u003e Track your performance with\n            real-time analytics displayed at the end of each game. View your\n            points, accuracy, game timer, and hits per 10 seconds, providing\n            valuable insights into your progress.\n        \u003c/p\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cp\u003e\n            \u003cstrong\u003ePerformance History:\u003c/strong\u003e A detailed table showcases\n            your past performances, allowing you to monitor your improvement\n            over time. The data is conveniently stored in local storage for easy\n            access.\n        \u003c/p\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cp\u003e\n            \u003cstrong\u003eThemes and Animations:\u003c/strong\u003e Choose between two\n            themes—white and dark—to suit your visual preference. Enjoy smooth\n            and captivating animations that contribute to an immersive gaming\n            experience.\n        \u003c/p\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cp\u003e\n            \u003cstrong\u003eDynamic Soundtracks:\u003c/strong\u003e Immerse yourself in the game\n            with a set of carefully curated soundtracks. From the countdown to\n            the game start, hitting targets, activating bombs, to the game's\n            conclusion, each sound enhances the overall gaming atmosphere.\n        \u003c/p\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cp\u003e\n            \u003cstrong\u003eUser-Friendly Interface:\u003c/strong\u003e The intuitive user\n            interface includes a volume control button, a reload button for\n            restarting the game without reloading the page, and a settings\n            button for easy customization.\n        \u003c/p\u003e\n    \u003c/li\u003e\n\u003c/ul\u003e\n\u003cimg\n    src=\"./Imgs/readme-assets/setting-page.png\"\n    alt=\"setting-page image\"\n    style=\"width: 100%\"\n/\u003e\n\u003cp\u003eSetting Menu\u003c/p\u003e\n\u003cimg\n    src=\"./Imgs/readme-assets/end-screen.png\"\n    alt=\"end-screen image\"\n    style=\"width: 100%\"\n/\u003e\n\u003cp\u003eEnd Screen Menu\u003c/p\u003e\n\u003ch2\u003eDevelopment Journey\u003c/h2\u003e\n\u003cp\u003e\n    This project serves as a testament to the developer's commitment to\n    mastering TypeScript. The development process spanned a month, and I\n    recorded almost every second of its development. In the end, I had 36 hours\n    of footage, which I then compressed into a 2-minute time-lapse, allowing you\n    to witness how the project came to life. This time-lapse is available on\n    \u003ca target=\"_new\" href=\"https://youtu.be/GUWZojIEkEg\"\u003eYouTube\u003c/a\u003e.\n\u003c/p\u003e\n\n\u003ch2\u003eLive Demo\u003c/h2\u003e\n\u003cp\u003e\n    Experience Aim-Lab-TS live!\n    \u003ca target=\"_new\" href=\"https://ali-sdg90.github.io/Aim-Lab-TS/\"\n        \u003eDemo Here\u003c/a\n    \u003e\n\u003c/p\u003e\n\u003ch2\u003eConclusion\u003c/h2\u003e\n\u003cp\u003e\n    Aim-Lab-TS is not just a game. it's a carefully crafted tool for skill\n    improvement. With a focus on user experience, customization, and developer\n    mastery. Explore, play, and witness your progress in the pursuit of\n    precision. Happy coding! ❤️\n\u003c/p\u003e\n\n\u003ch2\u003eCI/CD Process\u003c/h2\u003e\n\u003cp\u003e\n    This project uses GitHub Actions for Continuous Integration (CI) and Continuous Deployment (CD). The CI/CD pipeline is defined in the \u003ccode\u003e.github/workflows/ci-cd.yml\u003c/code\u003e file.\n\u003c/p\u003e\n\u003ch3\u003eSteps in the CI/CD Pipeline\u003c/h3\u003e\n\u003cul\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eBuild:\u003c/strong\u003e This step checks out the repository, sets up Node.js, installs dependencies, and builds the project using the \u003ccode\u003enpm run build\u003c/code\u003e command.\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eTest:\u003c/strong\u003e This step runs after the build step. It checks out the repository, sets up Node.js, installs dependencies, and runs tests using the \u003ccode\u003enpm test\u003c/code\u003e command.\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eDeploy:\u003c/strong\u003e This step runs after the test step. It checks out the repository, sets up Node.js, installs dependencies, and deploys the project to GitHub Pages using the \u003ccode\u003enpm run deploy\u003c/code\u003e command.\n    \u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3\u003eRunning CI/CD Processes Locally\u003c/h3\u003e\n\u003cp\u003e\n    You can run the CI/CD processes locally using the following commands:\n\u003c/p\u003e\n\u003cul\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eBuild:\u003c/strong\u003e \u003ccode\u003enpm run build\u003c/code\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eTest:\u003c/strong\u003e \u003ccode\u003enpm test\u003c/code\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n        \u003cstrong\u003eDeploy:\u003c/strong\u003e \u003ccode\u003enpm run deploy\u003c/code\u003e\n    \u003c/li\u003e\n\u003c/ul\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fali-sdg90%2Faim-lab-ts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fali-sdg90%2Faim-lab-ts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fali-sdg90%2Faim-lab-ts/lists"}