{"id":28220505,"url":"https://github.com/yassercoder/wheel-of-luck","last_synced_at":"2026-05-14T20:31:23.137Z","repository":{"id":292581695,"uuid":"977709403","full_name":"YasserCoder/wheel-of-luck","owner":"YasserCoder","description":"Wheel of luck is a web app where users can enter text or image-based entries and spin the wheel to randomly select a winner. Build with React + Typescript","archived":false,"fork":false,"pushed_at":"2025-07-03T10:59:47.000Z","size":446,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-06T02:31:24.231Z","etag":null,"topics":["compound-components","context-api","css-modules","hooks","integration-testing","react","react-testing-library","typescript","unit-testing","usereducer","vite","vitest"],"latest_commit_sha":null,"homepage":"https://wheel-of-luck-beta.vercel.app","language":"TypeScript","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/YasserCoder.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-05-04T19:57:20.000Z","updated_at":"2025-07-03T10:59:50.000Z","dependencies_parsed_at":"2025-05-10T22:18:56.984Z","dependency_job_id":"79667427-07b8-4820-ac97-4efd3cc049d0","html_url":"https://github.com/YasserCoder/wheel-of-luck","commit_stats":null,"previous_names":["yassercoder/wheel-of-luck"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/YasserCoder/wheel-of-luck","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YasserCoder%2Fwheel-of-luck","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YasserCoder%2Fwheel-of-luck/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YasserCoder%2Fwheel-of-luck/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YasserCoder%2Fwheel-of-luck/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YasserCoder","download_url":"https://codeload.github.com/YasserCoder/wheel-of-luck/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YasserCoder%2Fwheel-of-luck/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33042084,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"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":["compound-components","context-api","css-modules","hooks","integration-testing","react","react-testing-library","typescript","unit-testing","usereducer","vite","vitest"],"created_at":"2025-05-18T04:15:42.342Z","updated_at":"2026-05-14T20:31:23.120Z","avatar_url":"https://github.com/YasserCoder.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎡 Wheel of Luck\n\nA modern and customizable **Wheel of Luck** app inspired by [wheelofnames.com](https://wheelofnames.com/), built with **Vite**, **React**, and **TypeScript**. Users can enter text or image-based entries and spin the wheel to randomly select a winner!\n\n## 📸 Live Demo\n\nA live version of the app is available here: **👉 [Live Demo](https://wheel-of-luck-beta.vercel.app)**\n\n## ✨ Features\n\n-   🎰 **Random Winner Selection** – Enter names or images and spin to pick a winner.\n-   🎨 **Customizable Wheel Colors** – Choose a theme color or set individual slice colors.\n-   🌑 **Dark / Light Mode** – Seamless theme switching.\n-   💾 **Save \u0026 Load Entries** – Store your list and retrieve it later.\n-   🧩 **Drag \u0026 Drop Sorting** – Reorder entries easily with drag-and-drop (via `SortableJS`).\n-   💬 **Sweet Alerts** – Smooth interactions with `SweetAlert2`.\n-   🔄 **Flexible Entry Types** – Support for both **text** and **image** entries.\n-   ⚙️ **Modern React Patterns** – Includes:\n    -   Custom Hooks\n    -   Compound Components\n    -   Context API + useReducer\n\n## 🛠 Tech Stack\n\n-   **Frontend**: [Vite](https://vitejs.dev/), [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/)\n-   **Testing**: [Vitest](https://vitest.dev/) + [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)\n-   **Styling \u0026 Interaction**:\n    -   [react-icons](https://react-icons.github.io/react-icons/)\n    -   [sweetalert2](https://sweetalert2.github.io/)\n    -   [sortablejs](https://github.com/SortableJS/Sortable)\n\n## 🧪 Testing\n\nThis project includes **unit and integration tests** using:\n\n-   `React Testing Library` for component behavior\n-   `Vitest` for test runner and assertions\n\nRun tests:\n\n```bash\nnpm run test\n```\n\n## 🚀 Getting Started\n\n### 1. Clone the repository\n\n```bash\ngit clone https://github.com/your-username/wheel-of-luck.git\ncd wheel-of-luck\n```\n\n### 2. Install dependencies\n\n```bash\nnpm install\n```\n\n### 3. Run the development server\n\n```bash\nnpm run dev\n```\n\n## Contact\n\nFor any questions or feedback, please reach out to:\n\n-   **Yasser Laissaoui**\n-   **Email**: yasser.laiss01@gmail.com\n-   **GitHub**: [YasserCoder](https://github.com/YasserCoder)\n-   **LinkedIn**: [Yasser Laissaoui](https://linkedin.com/in/yasser-laissaoui)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyassercoder%2Fwheel-of-luck","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyassercoder%2Fwheel-of-luck","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyassercoder%2Fwheel-of-luck/lists"}