https://github.com/jream/react-apps
Basic Password Generator in React
https://github.com/jream/react-apps
Last synced: about 1 month ago
JSON representation
Basic Password Generator in React
- Host: GitHub
- URL: https://github.com/jream/react-apps
- Owner: JREAM
- Created: 2024-07-09T18:58:36.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-07-17T22:30:18.000Z (almost 2 years ago)
- Last Synced: 2025-03-02T16:48:44.242Z (over 1 year ago)
- Language: TypeScript
- Size: 510 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Apps
A small playground of miniature React Components for fun.
- **Preview**
- [https://jream.github.io/react-apps/](https://jream.github.io/react-apps/)
- **Transpile**
- [PNPM](https://pnpm.io/)
- [Vite](https://vitejs.dev/)
- [Vite Plugin Checker](https://www.npmjs.com/package/vite-plugin-checker) - For Live TypeScript Checking
- [TypeScript](https://www.typescriptlang.org/)
- **Core**
- [React](https://react.dev/)
- [React Router](https://reactrouter.com/en/main)
- **Testing**
- [Vitest](https://vitest.dev/)
- [JSDom](https://github.com/jsdom/jsdom)
- [@testing-library/react](https://testing-library.com/)
- **Frontend**
- [Bootstrap](https://getbootstrap.com/) (External)
- **Considering**
- Might want [PurgeCSS](https://purgecss.com/) also later..
## Installation
```bash
# For PNPM
pnpm i
pnpm start
# For NPM
npm i
npm run start
```
## Deploy
I normally deploy to [Vercel](https://vercel.com/) but I'm using [GitHub](https://github.com/) Pages at the moment. The npm package `gh-pages` make this very nice.
At the moment I'm using [Vite](https://vitejs.dev/) and a minimal React setup.
These two items in `package.json` are part of the `gh-pages` npm package:
```json
"predeploy": "pnpm run build",
"deploy": "gh-pages -d dist",
```
Simply run, `npm run deploy` and it will create a branch and transpile the project.
### In GitHub Pages
- Add the URL for `homepage` in `package.json`
- Add a `404.html` by adding in `build`: `... cp dist/index.html dist/404.html`
- Change `createBrowserRouter` to `createHashRouter`
- There is a delay when the page is updated.
- I modified `vite.config.ts` with the `base` URL set to `./`
- Allows it to appear on GitHub Pages without getting an invalid `text/html` MIME type.
---
> MIT Open Source
> © 2024 [JREAM](https://jream.com) | Jesse Boyer