https://github.com/tristcoil/vocabulary-flashcards

MERN stack based website prototype for creating vocabulary learning spaced repetition system (SRS) flashcards
https://github.com/tristcoil/vocabulary-flashcards

Last synced: 28 days ago
JSON representation

MERN stack based website prototype for creating vocabulary learning spaced repetition system (SRS) flashcards

• Host: GitHub
• URL: https://github.com/tristcoil/vocabulary-flashcards
• Owner: tristcoil
• License: mit
• Created: 2023-07-06T21:41:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-07-08T12:26:36.000Z (over 1 year ago)
• Last Synced: 2024-10-14T07:50:42.825Z (2 months ago)
• Language: JavaScript
• Size: 95.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Flashcard Learning Web App (MERN Stack)

The Flashcard Learning App is a web application designed to help users learn and memorize information using flashcards. It provides an interactive and engaging way to study various subjects or topics.

## Features

- **Flashcard Decks**: Users can create multiple decks of flashcards, each dedicated to a specific subject or topic.

- **Create Flashcards**: Within each deck, users can create flashcards by entering a question and its corresponding answer.

- **Study Mode**: The app offers a study mode that allows users to go through the flashcards and test their knowledge. Users can flip the cards to view the answer, mark cards as correct or incorrect, and track their progress.

- **Learning Progress**: The app keeps track of the user's learning progress, including the number of cards studied, correct answers, and overall performance.

- **Collections**: Users can organize their flashcard decks into collections for better organization and easy access.

## Technologies Used

The Flashcard Learning App is built using the following technologies:

- **React**: A JavaScript library for building user interfaces.

- **Tailwind CSS**: A utility-first CSS framework for designing responsive and modern user interfaces.

- **axios**: A promise-based HTTP client for making API requests.

- **@react-oauth/google**: A library for integrating Google OAuth authentication into React applications.

- **jwt-decode**: A library for decoding JSON Web Tokens (JWT).

- **js-cookie**: A library for handling cookies in JavaScript.

## Getting Started

To get started with the Flashcard Learning App, follow these steps:

1. Clone the repository: `git clone `

2. Install dependencies: `npm install`

3. Set up your Google OAuth credentials and update the `config.js` file with your client ID.

4. Start the development server: `npm start`

5. Open your web browser and navigate to `http://localhost:3000` to access the app.

## Contributions

Contributions to the Flashcard Learning App are welcome! If you find any issues or have ideas for improvements, feel free to open an issue or submit a pull request.

## License

The Flashcard Learning App is open-source and released under the [MIT License](LICENSE).