moved page contents out of child directory; updated readme

module.exports = {

  root: true,

  env: { browser: true, es2020: true },

  extends: [

    'eslint:recommended',

    'plugin:@typescript-eslint/recommended',

    'plugin:react-hooks/recommended',

  ],

  ignorePatterns: ['dist', '.eslintrc.cjs'],

  parser: '@typescript-eslint/parser',

  plugins: ['react-refresh'],

  rules: {

    'react-refresh/only-export-components': [

      'warn',

      { allowConstantExport: true },

    ],

  },

}

# Logs

logs

*.log

npm-debug.log*

yarn-debug.log*

yarn-error.log*

pnpm-debug.log*

lerna-debug.log*

node_modules

dist

dist-ssr

*.local

# Editor directories and files

.vscode/*

!.vscode/extensions.json

.idea

.DS_Store

*.suo

*.ntvs*

*.njsproj

*.sln

*.sw?

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js

export default {

  // other rules...

  parserOptions: {

    ecmaVersion: 'latest',

    sourceType: 'module',

    project: ['./tsconfig.json', './tsconfig.node.json'],

    tsconfigRootDir: __dirname,

  },

}

```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`

- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`

- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

# React + TypeScript + Vite

# chrrreeeeesss.com Homepage

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

## What is this?

Currently, two official plugins are available:

This is the homepage that is hosted on chrrreeeeesss.com. It is a simple React project that lists ways to contact me and services offered on this domain.

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh

- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## What can I do with this?

## Expanding the ESLint configuration

I keep this project open source to serve as a starting point for React apps. It demonstrates basic conecpts of the React framework, TypeScript, and Vite. 

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

### Setup

- Configure the top-level `parserOptions` property like this:

This project uses yarn as a package manager. You can install yarn by running `npm i --global yarn` as the simplest method, but there are others at https://classic.yarnpkg.com/lang/en/docs/install/.

```js

export default {

  // other rules...

  parserOptions: {

    ecmaVersion: 'latest',

    sourceType: 'module',

    project: ['./tsconfig.json', './tsconfig.node.json'],

    tsconfigRootDir: __dirname,

  },

}

```

Once this is complete, run `yarn` to install packages.

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`

- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`

- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

### Running development environment

Run `yarn run dev` to start a debugging environment.

### Building a distribution for production hosting

Run `yarn run build` to create the `dist/` directory, which can then be hosted as a static resource against an HTTP web server such as nginx.

<!doctype html>

<html lang="en">

  <head>

    <meta charset="UTF-8" />

    <!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>chrrreeeeesss.com</title>

  </head>

  <body>

    <div id="root"></div>

    <script type="module" src="/src/main.tsx"></script>

  </body>

</html>