⚡ Quick Start

Get up and running with Vue Quotes in minutes!

📋 Prerequisites

Before you begin, ensure you have:

• 📦 Node.js 16.0 or higher
• 🔧 npm or yarn or pnpm package manager

🚀 Installation

1️⃣ Get the Code

git clone https://github.com/EduardoProfe666/vue-quotes.git
cd vue-quotes

2️⃣ Install Dependencies

npm

npm install

yarn

yarn install

pnpm

pnpm install

3️⃣ Start Development Server

npm

npm run dev

yarn

yarn run dev

pnpm

pnpm run dev

4️⃣ Deploy it anywhere

You can self-host this app by building it (and check its preview):

npm

npm run build

# If you want to preview the build
npm run preview

yarn

yarn run build

# If you want to preview the build
yarn run preview

npm

pnpm run build

# If you want to preview the build
pnpm run preview

You also can free deploy it on Render, Github Pages, Vercel, Netlify or other hosting you love.

⚙️ Basic Configuration

1️⃣ Open Configuration File

Navigate to /src/data/data.ts

2️⃣ Configure Basic Settings

export const generals: GeneralsSchema = {
    title: 'My Quotes',
    randomPhrases: false,
    internationalizationEnabled: true
}

3️⃣ Add Your Quotes

export const phrases: PhraseSchema[] = [
    {
        message: [
            {languageId: 'en', message: 'Hello World!'},
            {languageId: 'es', message: '¡Hola Mundo!'}
        ],
        footer: 'Developer'
    }
]

4️⃣ Set Up Languages

export const languages: LanguageSchema[] = [
    {id: 'en', name: 'English'},
    {id: 'es', name: 'Español'}
]

🎯 Next Steps

Essential Configuration

• 🏷️ Add badges for categorization
• 🎨 Customize themes
• 🔍 Configure search
• 📝 Add metadata for SEO

Advanced Features

• 🌐 Set up internationalization
• 🖼️ Configure image export
• 🎯 Customize UI elements

🤝 Need Help?

• 📖 Check our detailed documentation
• 💡 View examples
• 🐛 Report issues on GitHub