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.

• 🎨 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

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

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

Here are some example simple apps of Vue Quotes:

Beautiful love quotes and romantic messages.

View Project | View Demo

Heartbreak and moving on quotes.

View Project | View Demo

Inspiring quotes from Chocolate MC (Spanish Only).

View Project | View Demo

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

View Project | View Demo

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

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