{"id":13344305,"url":"https://github.com/hanstananda/BetaReactTutorial","last_synced_at":"2025-03-12T07:32:34.466Z","repository":{"id":185216426,"uuid":"591996542","full_name":"hanstananda/BetaReactTutorial","owner":"hanstananda","description":"Implmentation of https://react.dev/learn/tutorial-tic-tac-toe using Typescript+ Vite ","archived":false,"fork":false,"pushed_at":"2023-03-25T09:18:00.000Z","size":250,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-07-30T21:09:39.349Z","etag":null,"topics":["frontend","pnpm","react","sass","tutorial","typescript","vercel","vite","zustand"],"latest_commit_sha":null,"homepage":"https://tic-tac-toe-xi-ebon.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/hanstananda.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}},"created_at":"2023-01-22T15:59:27.000Z","updated_at":"2023-10-17T16:40:00.000Z","dependencies_parsed_at":"2023-08-01T05:21:20.603Z","dependency_job_id":null,"html_url":"https://github.com/hanstananda/BetaReactTutorial","commit_stats":null,"previous_names":["hanstananda/betareacttutorial"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanstananda%2FBetaReactTutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanstananda%2FBetaReactTutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanstananda%2FBetaReactTutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hanstananda%2FBetaReactTutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hanstananda","download_url":"https://codeload.github.com/hanstananda/BetaReactTutorial/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221279951,"owners_count":16790561,"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":["frontend","pnpm","react","sass","tutorial","typescript","vercel","vite","zustand"],"created_at":"2024-07-29T19:33:04.005Z","updated_at":"2024-10-24T05:30:24.414Z","avatar_url":"https://github.com/hanstananda.png","language":"TypeScript","readme":"# Beta React Tutorial Project\nThis project uses React with Typescript + Vite.\nThis project also uses [pnpm](https://pnpm.io/) as the package manager. \n\nThis project is developed based on the Tic-Tac-Toe tutorial on [Beta ReactJS docs](https://react.dev/learn/tutorial-tic-tac-toe) with major modifications. \n\nNotable modifications include addition of configuration menu to select board size, `PVP` and `PVE` mode, and its corresponding `PVE` options. \n\n## Getting Started\n\nIn the project directory, you can run:\n\n### `pnpm run dev`\n\nRuns the app in the development mode.\\\nOpen [http://localhost:3030](http://localhost:3030) to view it in your browser.\n\nThe page will reload when you make changes.\\\nYou may also see any lint errors in the console.\n\n### `pnpm run build`\n\nBuilds the app for production to the `dist` folder.\\\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!\n\nSee the section about [production build](https://vitejs.dev/guide/build.html) and [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n### `pnpm run preview`\n\nRuns a preview of the production build from the `dist` folder. \nNote that you will have to run `npm run build` before running this. \nOpen [http://localhost:8080](http://localhost:8080) to view it in your browser.\n\nFor more detailed information about the preview options, please read the documentation about [Vite preview options](https://vitejs.dev/config/preview-options.html#preview-options).\n\n\n\n## Deployment notes\nCurrently, there are 3 avenues of deployment. \n1. [Vercel](https://vercel.com/) --\u003e A platform for frontend developers, which enable teams to iterate quickly and develop, preview, and ship with zero configuration. \n2. [Github pages](https://pages.github.com/). This is done using integration on the Github actions as recommended on the [official documentation from Vite](https://vitejs.dev/guide/static-deploy.html#github-pages). This uses `build-gh-page` npm script to build the project on the proper base URL (`{BASE_DOMAIN}/BetaReactTutorial`), which will use the custom `vite.config.gh-page.ts`. \n3. Manual deployment. This uses  `build-subdir` npm script to build the project on base URL of  (`{BASE_DOMAIN}/tic_tac_toe`) for prettier custom sub-URL. \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanstananda%2FBetaReactTutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhanstananda%2FBetaReactTutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhanstananda%2FBetaReactTutorial/lists"}