Files
artcraft/README.md
T

112 lines
2.2 KiB
Markdown

fakeyou-frontend
================
GO AWAY CORS
------------
```
chromium-browser --disable-web-security --user-data-dir=~/chrome
```
NB: This is now a MONOREPO
--------------------------
Based on https://medium.com/geekculture/setting-up-monorepo-with-create-react-app-cb2cfa763b96,
which isn't the best guide, but it works.
Library code is exported in the library's index.tsx (meh)
To start the react server, run "yarn start-storyteller" or "yarn start-fakeyou"
### Running
```
# Install Yarn if not present (Linux/Mac)
sudo npm install --global yarn
# We might need a newer node (Linux/Mac)
sudo install n -g
sudo n stable
# Install project deps (Linux/Mac)
yarn install
# Start one or more of the several frontends (Linux/Mac)
yarn start-fakeyou
yarn start-storyteller
```
TODO: Upgrade React, it's a bit behind. See downgrade @ SHA
`d739b66bfa3315620208579193d652e8e460da1e`.
Good Code Examples
------------------
* `storyteller/src/pages/tts_configs/TtsConfigsEditRulePage.tsx` - Tree of components that handle a very complicated update API
Documentation
-------------
docs.fakeyou.com is generated from `./docs` using [Docsify](https://docsify.js.org/).
To run and test locally,
```bash
sudo npm i docsify-cli -g
docsify serve docs
```
Netlify Notes
-------------
The `.node-version` file controls which version of node Netlify uses to build!
Old Readme Follows
------------------
Frontend website for https://fakeyou.com/ (previously https://vo.codes)
Hosted with netlify.
Installation in Dev
-------------------
Normally, `npm install` in the `./fakeyou` directory works, but Mac needed
the following workaround for a [sass build failure](https://stackoverflow.com/a/67242989):
```
nvm install 14
```
Logo, Favicon, Font
-------------------
Font: fugaz one, 110, #209CEE
Using https://favicon.io/favicon-generator/
Transparent Images
------------------
https://www.remove.bg (pretty cheap)gt
Social Icons
------------
Taken from subscription service https://www.flaticon.com
This pack: https://www.flaticon.com/packs/social-logo-1
Video Thumbnails
----------------
Generated with https://ezgif.com/
* webp, 500x300px (~100kb each)
Reverse clips:
```
ffmpeg -i input.mp4 -vf reverse reversed.mp4
```