https://github.com/linus-kronenberger/flashcard-app-template-react

I want to build a simple flashcard app as a template for everyone who is interested
https://github.com/linus-kronenberger/flashcard-app-template-react

expressjs nodejs reactjs vitejs

Last synced: 17 days ago
JSON representation

I want to build a simple flashcard app as a template for everyone who is interested

• Host: GitHub
• URL: https://github.com/linus-kronenberger/flashcard-app-template-react
• Owner: linus-kronenberger
• Created: 2025-01-07T22:25:27.000Z (30 days ago)
• Default Branch: master
• Last Pushed: 2025-01-19T21:57:11.000Z (18 days ago)
• Last Synced: 2025-01-19T22:39:36.260Z (18 days ago)
• Topics: expressjs, nodejs, reactjs, vitejs
• Language: JavaScript
• Homepage:
• Size: 30.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Setup

```bash

    git clone https://github.com/MisterLs4566/flashcard-template-react.git

    cd server

    npm install

    npm run start

```

```bash

    cd ..

    cd client

    npm install

    npm run dev

```

Now you can open the url: 

```plaintext 

localhost:3000

```

# Data Model

I used the following entity-relationship diagram for modeling the database:

![image](mockups/flashcard-template-react.drawio.png)

Out of this, the following relational model is developed:

- flashcard_list( flashcard_list_id, title )

- flashcard( flashcard_id, key_title, key_body, value_title, value_body, ↑flashcard_list )

# UI Mockup

The following image shows the first mockup for the web app.

![image](mockups/UI-mockup-flashcards.drawio.png)