Flashcard | Simple Material Flashcard for Android | Android library

I'm new to coding, and I'm trying to learn the basics. I wanted to practice what I learned by making flashcards (nothing complicated like saving it, importing it, or exporting it). So far, I made a table that the user can edit. I know how to gather data from the table, but I don't know how to make a CSS flashcard appear every time the user adds a card to the table. I am aware that the code will not work since I put the CSS in JavaScript since this code is just meant to show what I am trying to do. Also, if I am taking a completely wrong approach, please let me know. Thank you! Please excuse the poor variable naming, I was just testing some things.

I made a openapi spec and we use it to generate code BE and FE. It works fine but gives me a warning about the type of my schema. It defaults then to 'object' which is why it works, but that is not a good solution.

Please have a look at the code and help me see something (obvious) that I am missing here. Thx. The error:

I have created a custom component in ionic 5 and this are the steps.

Step 1: Create a component ionic g component components/FlashCard

Step 2: Create a module for this component. ionic g module components/FlashCard

Step 3: Import FlashCardComponent to flash-card.module.ts file.

Step 4: Import FlashCardModule on the module.ts file of your desired page.

This is the post I took the steps from: Ionic 4 custom components

I have some custom sccs code in the component:

My user structure is:

user = { email: 'email', flashcards: [] }

And i would like to add data into user's flashcards array (using redux)

My user-reducer

I'm writing a FlashCard app in Windows Form.

Right now I'm trying to do is read word from string array and pass it to label. Then asking user to write the translation of this word. And finally pass the result to label box.

Here is my code:

I'm trying to produce an example of a generic class in TypeScript. I have the following generic class called RecordsProcessor which I want to be constrained only to types which are an array of objects.

If I send a number to the constructor, TypeScript rightly forbids it.

However, when I send an array of numbers, it wrongly allows this.

How can I get this generic class to be constrained only to types that are an array of objects, e.g. objects that have properties to display?

I want to create a web application(Flask- A Flashcard AI), a part of which is a bot which needs to directly interact with the human through speech recognition and text-to-speech. I have pyttsx3 and speech_recognition installed for that, where I am confused is how am I supposed to get the user's audio as input and then send it to the backend. I have tried to look up YouTube tutorials and asked other people about the same, the only success I've had is learning about Navigator.MediaDevices.getUserMedia. I want to make the communication fluent, and I will have to send the data to the back-end as well. I am not sure how to send it to the back-end and get the user media fluently, I could use Navigator.MediaDevices.getUserMedia and convert it into an audio file(not sure how to do that yet but I think I'll figure it out eventually, and having the user upload a audio recording won't be nice at all), but then that'll take up a lot of space on the database.

Right now I'm working on full stack application that uses JS on the front and back end. This app lets a user generate their own set of flash cards. Whenever the user clicks "View Cards" data will then be fetched and will display the question and answer on each side of the card. It's supposed to display one card at a time and allows the user to scroll through other cards using either the "Previous" or "Next" buttons. I'm able to successfully fetch data convert it to JSON and can get at least one item from the data base display properly. The problem is whenever I try to scroll through the cards. I'm only able to scroll through some of the cards before the browser returns an error. I've even noticed that some of the cards won't render both sides properly. How could I address these issues?

I am attempting to have a "flashcard" show no background color when it is unanswered, green when it is correctly answered, and yellow when it is incorrectly answered. The properties for each card are stored in a nested object. I am having issues using conditional rendering to properly show my content.

Code: Here is what I want to accomplish, but the JSX conditional statement is only registering the last statement in the className.