A Vue.js Single Page Application (SPA) for tracking your recipes.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
api
build
config
src
test
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
.travis.yml
LICENSE
README.md
index.html
jsconfig.json
package-lock.json
package.json

README.md

recipes

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

Setup

# 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