Skip to content
/ recipes Public

A Vue.js Single Page Application (SPA) for tracking your recipes.


Notifications You must be signed in to change notification settings


Repository files navigation


A Vue.js SPA to keep track of recipes

Build Status Codacy Badge

Here's an example of the searchable, filterable, recipes list page (the default route):

List View

And this is what it looks like when you open a recipe:

Detail View

And of course, it's responsive so it looks nice on any screen:

Mobile View


# Install dependencies for the Vue app and the API.
npm i && cd api && npm i && cd ../

# Build for production
npm run build

Once those commands are run, there will be a dist directory with the app and API files. Copy these files to the web server location of your choice.

Run The Backend

For everything to work, the backend must be running on Node. To start it (and have it kept up), navigate to the api directory and execute npm start &.

NPM Scripts

# install dependencies
npm install

# serve with hot reload at localhost:8080 and API at localhost:3000
npm start

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test


A Vue.js Single Page Application (SPA) for tracking your recipes.







No releases published


No packages published