Vue Quotes 🗣️

A fully customizable and modern quotes application built with Vue 3, Vite, and TypeScript

📝 Description

Vue Quotes is a powerful and elegant application designed to showcase and manage quotes in multiple languages. Built with modern web technologies, it provides a beautiful and responsive interface for displaying quotes with customizable themes, badges, and internationalization support.

✨ Key Features

• 🎨 Beautiful UI/UX: Modern, responsive design with smooth animations
• 🌙 Dark/Light Mode: Toggle between dark and light themes
• 🔍 Search Functionality: Quick search through quotes, authors, and badges
• 🌐 Internationalization: Full support for multiple languages
• 📱 Mobile Responsive: Works perfectly on all devices
• 🖼️ Export Feature: Export quotes as images
• 🏷️ Badge System: Categorize quotes with customizable badges
• ⚡ High Performance: Built with Vue 3 and Vite for optimal speed
• 🎯 TypeScript: Full type safety and better developer experience

📚 Documentation

For detailed documentation on how to use and configure Vue Quotes, please refer to the docs

🚀 Installation & Setup

1. Clone the repository:

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

2. Install dependencies:

   # NPM
   npm install
   
   # or YARN
   yarn install
   
   # or PNPM
   pnpm install

3. Customize the application:

   • Navigate to /src/data/data.ts
   • Modify the following to personalize your application:
     • generals: General settings like title and internationalization
     • metadata: SEO and meta information
     • badges: Custom badges for quotes
     • phrases: Your collection of quotes
     • buttons: Button customization
     • languages: Supported languages
     • themes: Color schemes and styling

4. Run the development server:

   # NPM
   npm run dev
   
   # or YARN
   yarn run dev
   
   # or PNPM
   pnpm run dev

🌟 Demos

Here are some example simple apps of Vue Quotes:

❤️ Love Phrases

Beautiful love quotes and romantic messages.

🛠️ View Project | 🚀 View Demo

💔 Heartbreak Phrases

Heartbreak and moving on quotes.

🛠️ View Project | 🚀 View Demo

🍫 ChocolateMC Phrases

Inspiring quotes from Chocolate MC (Spanish Only).

🛠️ View Project | 🚀 View Demo

🤨 KhalyFlowEuropa Phrases

Inspiring quotes from the Khaly Flow Europa alias El Ambiental (Spanish Only).

🛠️ View Project | 🚀 View Demo

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

1. Check Contributing and Code of Conduct guidelines
2. Fork the repository
3. Create your feature branch (git checkout -b feature/AmazingFeature)
4. Commit your changes (git commit -m 'Add some AmazingFeature')
5. Push to the branch (git push origin feature/AmazingFeature)
6. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Created with ❤️ by EduardoProfe666 🎩