Web App · Vue 3

Weekly-Random-Recipe

A weekly random recipe app built with Vue 3, for when you can't decide what to eat.

License MITFramework Vue 3Type Single-page app

Features

What it does

Weekly Random Recipe is a lightweight single-page app that randomly selects a recipe. When choosing a meal becomes too difficult, just give it a spin and it will provide a satisfying suggestion. Recipes are fully customizable — edit recipes.json.example to add or modify dishes.

🎲

Random selection

Randomly selects a recipe whenever choosing a meal becomes too difficult — just give it a spin.

📅

Weekly rotation

Designed as a weekly random recipe app, serving up a fresh suggestion each time you need one.

🥗

Custom recipes

Edit recipes.json.example to add or modify recipes.

🪶

Lightweight SPA

A lightweight single-page app built with Vue 3 — quick to run, build, and preview with npm scripts.

Quick Start

Quick start

Install Node.js (v18+ recommended).
Clone the repository and run npm install.
npm run dev to start the dev server.
Edit recipes.json.example to add or modify recipes.

shell

git clone https://github.com/AkiroMusic/Weekly-Random-Recipe.git
cd Weekly-Random-Recipe
npm install

npm run dev      # Start dev server
npm run build    # Build for production
npm run preview  # Preview production build

“Built with love for better meals.”

网页应用 · Vue 3

项目简介

每周随机菜谱是一个轻量级单页应用，随机为你挑选一道菜谱。当面对餐食选择感到纠结时，只需轻轻一点即可获得令人满意的建议。菜谱完全可自定义——编辑 recipes.json.example 即可添加或修改菜品。

🎲

随机推荐

当选择餐食变得纠结时，随机为你挑选一道菜谱——轻轻一点即可。

📅

每周轮换

定位为每周随机菜谱应用，在你需要时端上一道新鲜建议。

🥗

自定义菜谱

编辑 recipes.json.example 即可添加或修改菜谱。

🪶

轻量单页应用

基于 Vue 3 构建的轻量级单页应用——用 npm 脚本即可快速运行、构建与预览。

安装 Node.js（推荐 v18+）。
克隆仓库并运行 npm install。
npm run dev 启动开发服务器。
编辑 recipes.json.example 添加或修改菜谱。

shell

git clone https://github.com/AkiroMusic/Weekly-Random-Recipe.git
cd Weekly-Random-Recipe
npm install

npm run dev      # Start dev server
npm run build    # Build for production
npm run preview  # Preview production build

“为更美好的餐食而打造。”