React-quizcard-vite-nhi NPM

Flashcard Application

This flashcard application has undergone significant enhancements to improve user experience and functionality. Below are the new features added to the existing product:

New Features

Editable Flashcards: Users can now edit both the front and back content of each flashcard using a modal interface. This allows for real-time updates and customizations.

Text-to-Speech Support: Each flashcard includes a sound button that reads the content aloud, enhancing learning through auditory feedback.

Star Marking System: Users can mark flashcards as favorites with a star button, making it easier to revisit important cards.

Dynamic Content Rendering: The application supports rendering HTML content safely within flashcards, providing a rich text experience.

State Management for Marks: The marking system integrates seamlessly with the parent component, ensuring accurate updates to the state of each flashcard.

Custom Styling Options: Enhanced support for custom styles on flashcard components, allowing users to personalize the appearance according to their preferences.

Installation

To get started with the flashcard application, follow these steps:

Clone the repository:

git clone https://github.com/macca0402/react-quizcard-vite-upgrade-NhiNTY.git

Navigate into the project directory:
```
cd react-quizcard-vite-upgrade-NhiNTY
```
Install dependencies:
```
npm install
```
Start the application:
```
npm run dev
```

You can access the application at http://localhost:3000.