Skip to content

A web app designed to help you improve your English skills by using flashcards

License

Notifications You must be signed in to change notification settings

yelizsevinc/vue-flashcards

Repository files navigation

🗂️ Vue Flashcards for English Learning

Vue Flashcards is a web app designed to help you improve your English skills by using flashcards. This app makes learning new vocabulary & phrases more fun and easy, through the interactive user-friendly interface.

🎯 Features

  • Interactive Flashcards: Learn in an engaging way with flashcards that can be flipped to show translations or explanations.
  • English Data: Curated dataset of English vocabulary and phrases to provide meaningful content for learning.
  • Stylish UI: The app has a simple and user-friendly interface created using Vuetify.

🌟 Demo & Screenshots

Home Page Flashcard Example

🚀 Getting Started

  1. Installation: Clone the repository and install dependencies.

    yarn install
  2. Development: Start the development server and open the app in your browser.

    yarn dev
  3. Build: Compile and minify the app for production.

    yarn build
  4. Linting: Run code linting to ensure code quality.

    yarn lint

📚 Tech Stack

  • Vue 3: Progressive JS framework
  • Vuetify: Material Design component framework
  • Vite: Fast build tool and development server
  • WebFontLoader: Easy integration of web fonts