Food Recipe Platform

A Modern Recipe Sharing Platform

Share, discover, and cook amazing recipes from food enthusiasts around the world

📋 Table of Contents

• Features
• Tech Stack
• Getting Started
• Development
• Production

✨ Features

• 🔍 Search and filter recipes by category, cooking time, and more
• 💰 Monetize your recipes with paid content
• ❤️ Like and bookmark your favorite recipes
• 👤 User profiles and recipe management
• 📱 Responsive design for all devices
• 🌙 Dark mode support

⚙️ Tech Stack

• Frontend Framework: Nuxt 3
• UI Framework: Vue 3
• Styling: TailwindCSS
• Language: TypeScript
• State Management: Vue Composition API
• UI Components: Nuxt UI
• Icons: Lucide Icons
• Authentication: JWT

🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm, yarn, or pnpm

Installation

1. Clone the repository

git clone <repository-url>
cd food-recipe-frontend

2. Install dependencies

# Using npm
npm install

# Using yarn
yarn install

# Using pnpm
pnpm install

💻 Development

Start the development server:

# Using npm
npm run dev

# Using yarn
yarn dev

# Using pnpm
pnpm dev

The application will be available at http://localhost:3000

🏗️ Production

Build the application for production:

# Using npm
npm run build

# Using yarn
yarn build

# Using pnpm
pnpm build

Preview the production build:

# Using npm
npm run preview

# Using yarn
yarn preview

# Using pnpm
pnpm preview

📝 License

This project is licensed under the MIT License.

👥 Contributors

• Betselot Abraham - Initial work

You can find this project's backend with Cookly-s-Backend respository

🙏 Acknowledgments

• Nuxt.js Team
• Vue.js Team
• TailwindCSS Team