Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/j-t-mcc/uptime-frontend-vue
Website Uptime & Certificate Monitoring Vue3 SPA
https://github.com/j-t-mcc/uptime-frontend-vue
spa tailwindcss vuejs3
Last synced: about 1 month ago
JSON representation
Website Uptime & Certificate Monitoring Vue3 SPA
- Host: GitHub
- URL: https://github.com/j-t-mcc/uptime-frontend-vue
- Owner: J-T-McC
- License: mit
- Created: 2020-12-11T03:41:42.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-06-10T23:04:43.000Z (5 months ago)
- Last Synced: 2024-06-11T04:49:16.009Z (5 months ago)
- Topics: spa, tailwindcss, vuejs3
- Language: Vue
- Homepage: https://uptime.tysonmccarney.com
- Size: 450 KB
- Stars: 4
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Website Uptime & Certificate Monitoring SPA
This is the frontend SPA to be paired with [Uptime API](https://github.com/J-T-McC/uptime-backend-api)
This site is using [Vue3](https://v3.vuejs.org/guide/introduction.html) & [Tailwind CSS](https://tailwindcss.com/)
You can try it out at [https://uptime.tysonmccarney.com/](https://uptime.tysonmccarney.com/)
## Project setup
#### Requirements
* [Vue CLI](https://cli.vuejs.org/)
#### Env variables
```dotenv
#spa domain
VUE_APP_URL=http://app.my-domain.com#api domain
VUE_APP_API=http://api.my-domain.com```
### Install and buildMake note of vue.config.js. When you run ```yarn serve ```, it will use the domain set in that config file. This
is to allow you to serve your front end on the same test domain as your backend, so your session cookie will work.
If you change this domain, make sure you update your API endpoint domain as well. You also need to update your
host file in windows to point that domain to localhost.```shell script
yarn install
yarn serve
```
## License
MIT