https://github.com/007tickooayush/tic-tac-toe
https://github.com/007tickooayush/tic-tac-toe
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/007tickooayush/tic-tac-toe
- Owner: 007tickooayush
- Created: 2022-01-31T04:45:10.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-02-07T05:47:40.000Z (over 3 years ago)
- Last Synced: 2025-02-01T01:36:55.457Z (4 months ago)
- Language: JavaScript
- Size: 75.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nano React App Default Javascript Template
The default template project for [nano-react-app](https://github.com/nano-react-app/nano-react-app).
- `npm start` — This will spawn a development server with a default port of `3000`.
- `npm run build` — This will output a production build in the `dist` directory.
## Custom port
You can use the `-p` flag to specify a port for development. To do this, you can either run `npm start` with an additional flag:
```
npm start -- --port 1234
```
Or edit the `start` script directly:
```
vite --port 1234
```
## Adding styles
### Adding SASS
```
npm install -D sass
```
## command to install dev dependencies
```
npm install -D rimraf eslint prettier babel-eslint eslint-plugin-react eslint-plugin-jsx-a11y eslint-plugin-jsx-a11y eslint-plugin-import eslint-config-prettier eslint-config-airbnb
```
You can use CSS files with simple ES2015 `import` statements anywhere in your Javascript:
```js
import "./index.css";
```
## Babel transforms
The Babel preset [babel-preset-nano-react-app](https://github.com/nano-react-app/babel-preset-nano-react-app) is used to support the same transforms that Create React App supports.
The Babel configuration lives inside `package.json` and will override an external `.babelrc` file, so if you want to use `.babelrc` remember to delete the `babel` property inside `package.json`.
## Deploy to GitHub Pages
You can also deploy your project using GitHub pages.
First install the `gh-pages` [package](https://github.com/tschaub/gh-pages):
`npm i -D gh-pages`
Use the following scripts for deployment:
```
"scripts": {
"start": "vite",
"build": "vite build",
"predeploy": "rm -rf dist && vite build",
"deploy": "gh-pages -d dist"
},
```
Then follow the normal procedure in GitHub Pages and select the `gh-pages` branch.