Recipe Site

Description

This is a recipe application built with Vue.js and single page application architecture, featuring an intuitive and user-friendly interface allowing users to explore and interact with a collection of recipes fetched dynamically via API. The application displays recipes with details such as ingredients, ratings, and other information. Users can filter recipes by category, add and view comments and ratings on recipes - creating an interactive user experience. The application is responsive and viewable on various screen sizes.


Technologies used:

  • Vue.js
  • HTML
  • CSS
  • Json

Project Contributors

Developers

Hanna Friberg, Ismail El kawwash, Joakim Moberg and Anna Axelsson

Project managers

Linn Söderman, Nimmi Kaur Gill and Ulrika Meyer


This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build