Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/davidruvolo51/r-vue-app
A demo app using R Plumber, Vue, and Vite
https://github.com/davidruvolo51/r-vue-app
r shiny-apps shiny-template shinyapps vite vue
Last synced: 23 days ago
JSON representation
A demo app using R Plumber, Vue, and Vite
- Host: GitHub
- URL: https://github.com/davidruvolo51/r-vue-app
- Owner: davidruvolo51
- License: mit
- Created: 2021-02-26T16:35:10.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-05-12T14:39:34.000Z (over 1 year ago)
- Last Synced: 2024-12-04T05:40:01.107Z (2 months ago)
- Topics: r, shiny-apps, shiny-template, shinyapps, vite, vue
- Language: R
- Homepage:
- Size: 429 KB
- Stars: 6
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- jimsghstars - davidruvolo51/r-vue-app - A demo app using R Plumber, Vue, and Vite (R)
README
# R ❤️ Vue + Vite Demo application
The `r-vue-app` demonstrates how to create an Vue application using R plumber as a backend. This demo also uses Vite.
- Backend Tools
- R Plumber: [https://www.rplumber.io](https://www.rplumber.io)
- Node: [https://nodejs.org/](https://nodejs.org/)
- Frontend Tools
- ViteJS: [https://vitejs.dev](https://vitejs.dev)
- Vue: [https://vuejs.org](https://vuejs.org)
## Getting Started
### 1. Install Node and NPM
Make sure [Node and NPM](https://nodejs.org/en/) are installed on your machine. You may also use [Yarn](https://yarnpkg.com/en/). To test the installation or to see if these tools are already installed on your machine, run the following commands in the terminal.
```shell
node -v
npm -v
```
### 2. Clone the `r-vue-app` repository
```shell
git clone https://github.com/davidruvolo51/r-vue-app
```
### 3. Install dependencies
Next, install the npm packages that are required to run the app locally. I have decided to use [pnpm](https://github.com/pnpm/pnpm) to manage packages on my machine and across projects. To install `pnpm`, run the following command.
```shell
npm install -g pnpm
```
You will need to install the dependencies in the root directory and in the `client/` directory.
```shell
pnpm install
cd client
pnpm install
```
If you prefer to use `npm`, use the following.
```shell
npm install
cd client
npm install
```
### 4. Start the development servers
When everything is install, navigate back to the main directory and start the development server. This will start the client at port `localhost:3000` and the API at `localhost:8000/api/data`.
```shell
npm run start
```