Flip card

Flip Card was made to assist learners looking to memorize word pairs with the ability for these word to be from seperate languages.

Features

• Create a stack of flip cards
• Add cards to learn new words with a variety of languages using OpenAi to translate
• Test yourself with a simple game of memory over your stack
• Get a results page after each game
• Set reminders through out the day with push notifications which link the user back to the flip card tab

Demo

Here is a Demo of the basic card operations including translations

Here is a Demo of the push notifications using cron scheduling

Set up

1. Clone the repository:

   git clone https://github.com/mano-pihema/flip-card.git

2. Change dir:

   cd flip-card

3. Create a .env file:

   OPEN_AI_KEY=YOUR OPENAI KEY
   VAPID_PUBLIC='95D9D6B5OCosqSHnLlTBUTsOQREvvmZgc_iicAXL06e39gRN9NcAwYcTjkMyI2P9S4AYCEDuFRZiNuS6gc'
   VAPID_PRIVATE='yspDmVEy_bFKDjNeXCaqpTFMQ7Dk26j4ABm99ApW7R4'

4. Install dependencies:

   npm install

5. Run App:

   npm run dev

Learning Goals

I was mostly wanting to learn about intergrating chatGpt into a app. Making Api call for translations proved to be simpler then i thought so i decided to spend some time learning to integrate push notifications. The notifications use cron schedule to fire at custom intervals through out the day.

Tech