/Vue-SPA-Project

My Vue Project for Software University

Primary LanguageCSS

alt text

Project - Cook Book

Type - Social Network for Cookers and Chefs

Demo: https://cook-book-vue.herokuapp.com/

Demo Users

Username: asdasd Password: 123456

Description

Cook Book is the platform where you can find thousand of recipes and articles from the blog created by the best cookers in the world. There are 2 roles - User and Guest

  • Users can Add, Delete, Edit Recipes,
  • Users can Add, Delete, Edit Articles,
  • Users can View User Info
  • Users can see the user part of the website
  • Guests have limited permissions - they can see the home page and log in or register

Entities

User

  • Id
  • Name
  • Username
  • Email
  • City
  • State
  • ZIP Code
  • Country

Recipe

  • Id
  • Title
  • Description
  • Category
  • Sub Category
  • Preparation Time
  • Cooking Time
  • Servings
  • Ingredients
  • Steps
  • Image

Article

  • Id
  • Title
  • Content
  • Image

Screenshots

Home Page - Guest

alt text alt text

Authentication

alt text alt text

Home Page - User

alt text alt text alt text

Recipe Details

alt text alt text

Article Details

alt text alt text

Create Recipe

alt text alt text

Create Article

alt text

User Info

alt text alt text

Technologies used and bonuses

  • Vue JS
  • Used Vuex for State Management
  • Vuetify
  • Kinvey Database
  • Deployed the application in cloud environment (Heroku)
  • Used File Storage Cloud API (Cloudinary)
  • Created animations using Vue's built-in transitions and Animate.css library
  • Created Unit Tests
  • Created Interceptor for the axios requests
  • Navigation guard to show if the user is logged in