# TimeSafari.app - Crowd-Funder for Time - PWA
[Time Safari ](https://timesafari.org/ ) allows people to ease into collaboration: start with expressions of gratitude
and expand to crowd-fund with time & money, then record and see the impact of contributions.
## Roadmap
See [project.task.yaml ](project.task.yaml ) for current priorities.
(Numbers at the beginning of lines are estimated hours. See [taskyaml.org ](https://taskyaml.org/ ) for details.)
## Setup & Building
Quick start:
```bash
npm install
npm run dev
```
See [BUILDING.md ](BUILDING.md ) for detailed build and setup instructions.
## Tests
See [TESTING.md ](test-playwright/TESTING.md ) for detailed test instructions.
## Icons
To add an icon, add to main.ts and reference with `fa` element and `icon` attribute with the hyphenated name.
## Other
### Reference Material
* Notifications can be type of `toast` (self-dismiss), `info` , `success` , `warning` , and `danger` .
They are done via [notiwind ](https://www.npmjs.com/package/notiwind ) and set up in App.vue.
* [Customize Vue configuration ](https://cli.vuejs.org/config/ ).
* If you are deploying in a subdirectory, add it to `publicPath` in vue.config.js, eg: `publicPath: "/app/time-tracker/",`
### Kudos
Gifts make the world go 'round!
* [WebStorm by JetBrains ](https://www.jetbrains.com/webstorm/ ) for the free open-source license
* [Máximo Fernández ](https://medium.com/@maxfarenas ) for the 3D [code ](https://github.com/maxfer03/vue-three-ns ) and [explanatory post ](https://medium.com/nicasource/building-an-interactive-web-portfolio-with-vue-three-js-part-three-implementing-three-js-452cb375ef80 )
* [Many tools & libraries ](https://gitea.anomalistdesign.com/trent_larson/crowd-funder-for-time-pwa/src/branch/master/package.json#L10 ) such as Nodejs.org, IntelliJ Idea, Veramo.io, Vuejs.org, threejs.org
* [Bush 3D model ](https://sketchfab.com/3d-models/lupine-plant-bf30f1110c174d4baedda0ed63778439 )
* [Forest floor image ](https://www.goodfreephotos.com/albums/textures/leafy-autumn-forest-floor.jpg )
* Time Safari logo assisted by [DALL-E in ChatGPT ](https://chat.openai.com/g/g-2fkFE8rbu-dall-e )
* [DiceBear ](https://www.dicebear.com/licenses/ ) and [Avataaars ](https://www.dicebear.com/styles/avataaars/#details ) for human-looking identicons
* Some gratitude prompts thanks to [Develop Good Habits ](https://www.developgoodhabits.com/gratitude-journal-prompts/ )
