https://github.com/ninest/hexy-time
Time as a color
https://github.com/ninest/hexy-time
clock color hexadecimal react
Last synced: 4 months ago
JSON representation
Time as a color
- Host: GitHub
- URL: https://github.com/ninest/hexy-time
- Owner: ninest
- License: mit
- Created: 2020-12-11T15:28:27.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-05-13T03:11:46.000Z (about 4 years ago)
- Last Synced: 2025-10-04T11:12:14.139Z (8 months ago)
- Topics: clock, color, hexadecimal, react
- Language: TypeScript
- Homepage: https://hexytime.now.sh/
- Size: 10.8 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Hexy Time](https://hexytime.now.sh/)
> 🕘 Time as a color
## Build setup
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Clone or fork the repository then run
```bash
yarn
yarn start
```
to start a development server.
Run `yarn build` to compile and build the web app.
### Generating icons
Using [`pwa-asset-generator`](https://github.com/onderceylan/pwa-asset-generator) to generate icons for Android, iOS, and iOS splashscreen.
```bash
pwa-asset-generator icon.png -b "linear-gradient(139.62deg, #FFE74C 4.35%, #6BF178 70.81%, #35A7FF 97.49%)" ./icon1
```
Change `icon1` to `icon-N` to ensure that the browser picks up the latest icons if changed.
### Hosting
- Development: `vc`
- Production: `vc --prod`
## Extension
Create a `.env file`:
```env
INLINE_RUNTIME_CHUNK=false
```
Run `yarn build`, then load the `build/` directory as an unpacked extension.
### TS errors
- Reload VScode so it can detect changes
- Set `"jsx": "react"`
```json
{
"compilerOptions": {
"jsx": "react"
}
}
```
## 📜 License
MIT