{"id":14957349,"url":"https://github.com/mateuszsokola/2048-in-react","last_synced_at":"2025-04-05T02:08:11.333Z","repository":{"id":44461103,"uuid":"390825758","full_name":"mateuszsokola/2048-in-react","owner":"mateuszsokola","description":":joystick: 2048 game in Next.js with awesome animations!","archived":false,"fork":false,"pushed_at":"2024-09-01T14:14:51.000Z","size":742,"stargazers_count":214,"open_issues_count":3,"forks_count":330,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-29T01:04:49.789Z","etag":null,"topics":["2048","2048-clone","2048-game","animations","course","javascript","js","learn-to-code","next","nextjs","node","nodejs","online-learning","react","screencast","ts","tutorial","typescript","udemy","udemy-course"],"latest_commit_sha":null,"homepage":"https://mateuszsokola.github.io/2048-in-react/","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/mateuszsokola.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":"2021-07-29T19:09:01.000Z","updated_at":"2025-03-18T18:37:01.000Z","dependencies_parsed_at":"2024-09-22T03:01:58.577Z","dependency_job_id":"49313d74-694a-4fab-98e5-8eef2c04800b","html_url":"https://github.com/mateuszsokola/2048-in-react","commit_stats":{"total_commits":52,"total_committers":2,"mean_commits":26.0,"dds":"0.42307692307692313","last_synced_commit":"f6668548b49f170dea7007388971bbdac387798f"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mateuszsokola%2F2048-in-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mateuszsokola%2F2048-in-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mateuszsokola%2F2048-in-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mateuszsokola%2F2048-in-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mateuszsokola","download_url":"https://codeload.github.com/mateuszsokola/2048-in-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247276164,"owners_count":20912288,"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":["2048","2048-clone","2048-game","animations","course","javascript","js","learn-to-code","next","nextjs","node","nodejs","online-learning","react","screencast","ts","tutorial","typescript","udemy","udemy-course"],"created_at":"2024-09-24T13:14:46.307Z","updated_at":"2025-04-05T02:08:11.316Z","avatar_url":"https://github.com/mateuszsokola.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 2048-in-react\n\n[![Open issues][issues-badge]][issues-url]\n[![CI][lint-badge]][lint-url]\n[![CI][test-badge]][test-url]\n[![TypeScript][typescript-badge]][typescript-url]\n\nThis is a fully functional clone of the popular 2048 game, built using React and Next.js. Not only does it offer smooth animations and works on mobile devices, but it's also a fantastic learning resource for developers. Whether you're here to play, contribute, or learn, this project has something for everyone.\n\nIf you're interested in mastering React by building this game step-by-step, check out the course linked below!\n\n[![](.docs/demo.gif)](https://mateuszsokola.github.io/2048-in-react/)\n\n## [Play 2048 💥](https://mateuszsokola.github.io/2048-in-react/)\n\n## Features\n\n- Fully-functional 2048 clone\n- Animations\n- Supports **keyboard** and **touch** events\n\n## Development\n\n_Easily set up a local development environment!_\n\nJust start dev server on [localhost](http://localhost:3000):\n\n- clone\n- `npm install`\n- `npm run dev`\n\n**Start coding!** 🎉\n\n## Build your own 2048 Game! 🚀\n\nWant to learn how to build this game from scratch using React \u0026 Next.js? I've got you covered! This project is part of an online course where I guide you through the entire process, step-by-step.\n\nWhether you're a beginner looking to enhance your skills or an experienced developer seeking a fun project, this course will take you through the core concepts of React while building a fully functional game.\n\n[![Build 2048 Game in React](https://assets.mateu.sh/assets/github-2048-in-react-readme)](https://assets.mateu.sh/r/github-2048-in-react-readme)\n\n## Support\n\nIf you encounter any issues or have suggestions, feel free to open an issue. Your feedback is always appreciated!\n\n[lint-badge]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/lint.yml/badge.svg\n[lint-url]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/actions/workflows/lint.yml\n[test-badge]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/test.yml/badge.svg\n[test-url]: https://github.com/mateuszsokola/2048-in-react/actions/workflows/test.yml\n[issues-badge]: https://img.shields.io/github/issues/mateuszsokola/2048-in-react\n[issues-url]: https://github.com/mateuszsokola/2048-in-react/issues\n[typescript-badge]: https://badges.frapsoft.com/typescript/code/typescript.svg?v=101\n[typescript-url]: https://github.com/microsoft/TypeScript\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmateuszsokola%2F2048-in-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmateuszsokola%2F2048-in-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmateuszsokola%2F2048-in-react/lists"}