{"id":14967558,"url":"https://github.com/icelam/random-name-picker","last_synced_at":"2025-04-07T12:10:23.482Z","repository":{"id":38366048,"uuid":"340840888","full_name":"icelam/random-name-picker","owner":"icelam","description":"Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API.","archived":false,"fork":false,"pushed_at":"2024-04-30T16:16:22.000Z","size":6557,"stargazers_count":135,"open_issues_count":10,"forks_count":165,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-31T11:04:04.805Z","etag":null,"topics":["audio-context","audio-context-api","lucky-draw","pug","random-name-picker","scss","typescript","web-animation","web-animations","web-animations-api"],"latest_commit_sha":null,"homepage":"https://pinkylam.me/playground/random-name-picker","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/icelam.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2021-02-21T07:12:09.000Z","updated_at":"2025-03-24T09:51:32.000Z","dependencies_parsed_at":"2024-04-30T17:33:28.128Z","dependency_job_id":"dead7980-1592-46f7-8b28-13c0b08aa645","html_url":"https://github.com/icelam/random-name-picker","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Frandom-name-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Frandom-name-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Frandom-name-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Frandom-name-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/icelam","download_url":"https://codeload.github.com/icelam/random-name-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247648977,"owners_count":20972945,"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":["audio-context","audio-context-api","lucky-draw","pug","random-name-picker","scss","typescript","web-animation","web-animations","web-animations-api"],"created_at":"2024-09-24T13:38:15.966Z","updated_at":"2025-04-07T12:10:23.455Z","avatar_url":"https://github.com/icelam.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"Random Name Picker for Lucky Draw\" src=\"./logo.svg\" width=\"100\" /\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eRandom Name Picker for Lucky Draw\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n    Simple HTML5 random name picker for picking lucky draw winner using Web Animations and AudioContext API\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.typescriptlang.org/\"\u003e\u003cimg height=\"20\" src=\"https://img.shields.io/badge/built_with-TypeScript-007acc.svg?logo=typescript\" alt=\"Built with TypeScript\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://nodejs.org/en/\"\u003e\u003cimg height=\"20\" src=\"https://img.shields.io/badge/Node.js-18-026e00.svg?logo=Node.js\" alt=\"Node.js\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://yarnpkg.com/\"\u003e\u003cimg height=\"20\" src=\"https://img.shields.io/badge/Yarn-1-25799f.svg?logo=Yarn\" alt=\"Yarn\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://eslint.org/\"\u003e\u003cimg height=\"20\" src=\"https://img.shields.io/badge/code_style-ESLint-5b5be0.svg?logo=eslint\" alt=\"Code Style\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://conventionalcommits.org\"\u003e\u003cimg height=\"20\" src=\"https://img.shields.io/badge/conventional_commits-1.0.0-yellow.svg\" alt=\"Conventional Commits\"\u003e\u003c/a\u003e\n    \u003ca href=\"./LICENSE\"\u003e\u003cimg height=\"20\" src=\"https://img.shields.io/github/license/icelam/random-name-picker?logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAEFCu8CAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHKADAAQAAAABAAAAHAAAAABHddaYAAAC5UlEQVRIDd2WPWtVQRCGby5pVASLiGghQSxyG8Ui2KWwCfkH9olY2JneQkiR0oCIxH/gB+qVFDYBIWBAbAIRSbCRpLXwIxLiPT7vnNm9e87ZxJtUwYH3zO47Mzv7Mbv3tlo5KYriGtgAJ81OY1ENdG/YI4boFEOI911BXgY/pdtwGuAtXpvmB1tAXHDnUolE5urkPOQo6MqA3pXWmJJL4Bb4rQ7yEYfxsjnIF29NJIoNC6e5fxOL/qN+9KCz7AaLpN8zI415N2i2EptpGrkRIjGeAuvR6IY1hSFLFUOug9Ms2M7ZxIUNytm1mnME186sdI2BOCwAyQMg54ugzSmKmwbPwSbolKH+hbAtQdsOoF+BsF3anUVwBdiOWRidFZDKTTrKEAJTm3GVrGkHzw/uPZbyx7DNNLfB7KGmRsCcr+/gjaiPSpAOTyX9qG4L/XBDdWXDDf1M+wtQ5fwCOtcb4Dto6VpLmzByB6gqdHbTItGSJdAGqibJQhmRfCF7IN4beSF2G9CqnGXQrxofXU+EykllNeoczRgYytDKMubDIRK0g5MF8rE69cGu0u9nlUcqaUZ41W0qK2nGcSzr4D2wV9U9wxp1rnpxn8agXAOHMQ9cy9kbHM7ngY4gFb03TxrO/yfBUifTtXt78jCrjY/jgEFnMn45LuNWUtknuu7NSm7D3QEn3HbatV1Q2jvgIRf1sfODKQaeymxZoMLlTqsq1LF+HvaTqQOzEzUCfni0/eNIA+DfuE3KEtbsegckGmMktTXacnBHPVe687ugkpT+axCkkhBSyRSjWI2xf1KMMVmYiQdWksK9BEFiQoiYLIlvJA3/zeTzCejP0RbB6YPbhZuB+0pR3KcdX0LaJtju0ZgBL8Bd+sbz2QIaU2OfBX3BaQLsgZysQtrk0M8Sh1A0w3DyyYnGnAiZ4gqZ/TvI2A8OGd1YIbF7+F3P+B6dYpYdsJNZgrjO0UdOIhmom0nwL0pnfnzkL1803jAoKhvyAAAAAElFTkSuQmCC\" alt=\"License\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://github.com/icelam/random-name-picker/releases\"\u003e\u003cimg alt=\"Current version\" src=\"https://img.shields.io/github/v/release/icelam/random-name-picker.svg?sort=semver\u0026label=latest\u0026logo=github\"/\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## Live Demo\nDemo is available at [https://pinkylam.me/playground/random-name-picker](https://pinkylam.me/playground/random-name-picker)\n\n### Technology Stack\n* Pug\n* CSS3 (SCSS)\n* Web Animations API\n* AudioContext API\n\n## Development\n\n### Prerequisite\n* Node 18 above or nvm installed\n* Yarn or NPM installed\n\n### Install dependencies\nTo install dependencies:\n```bash\nyarn install\n```\n\n### Start development server\nTo start the development server:\n```bash\nyarn start\n```\n\n### Build production\nTo build the project for production:\n```bash\nyarn build\n```\nAll the build files can be found in `/dist` folder.\n\n## General Guidance on Deployment\n\nThis app works fine under common static web hosting choices. Here's a general outline of the steps you can follow:\n\n1. Set up your CI/CD pipeline to use Node.js and arn images. (If you prefer not to use a CI/CD pipeline, make sure you have both Node.js and Yarn installed on your machine.)\n\n2. Start by installing the project dependencies. Run the command `yarn install` to ensure that all the necessary npm packages are installed and ready for the build process. To optimize costs and improve the efficiency of your CI/CD pipeline, you can consider adding a cache for the `node_modules` directory. Check your specific CI/CD tool's documentation for cache configuration options.\n\n3. Next, you'll need to build the project. Use the command `yarn build` to initiate the build process. This command will compile and bundle the source code, generating the assets required for hosting.\n\n4. Once the build process is complete, you'll need to copy all the generated assets located under the `/dist` directory. The specific command to accomplish this may vary depending on the CI/CD tool and OS you're using. Typically, you'll need to include a step in your pipeline that copies the contents of the `/dist` directory to a storage accessible by your chosen static web hosting service.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficelam%2Frandom-name-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ficelam%2Frandom-name-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficelam%2Frandom-name-picker/lists"}