https://github.com/papierkorp/card_generator

Card Generator
https://github.com/papierkorp/card_generator

Last synced: about 1 month ago
JSON representation

Card Generator

• Host: GitHub
• URL: https://github.com/papierkorp/card_generator
• Owner: papierkorp
• Created: 2024-10-14T14:42:30.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-17T22:59:36.000Z (about 1 month ago)
• Last Synced: 2024-11-17T23:29:30.256Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://papierkorp.github.io/card_generator/
• Size: 34.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Card Generator

just a small app to generate a html Code by using HTML Inputs.

**How does the app work**

1. initalize (main.js)

- get sectionSelect and add addEventListener

  - update state.selectedSection

  - generateHTML

  - updateUIElements

- resetButton

- go through allElements and add addEventListener

  - update state var for selectedSection

  - generateHTML

  - updateUIElements

2. generateHTML (generateHTML.js)

- getElementById(previewSettings) and set innerHTML

- for Each section (card/top/bottom...) generate a new DIV with and append if there is content in the TextArea

3. update UI Elements (main.js)

- go through allElements

  - update HTML Input based on current state

  - update HTML label for Input based on current state

# Local Development

you need some kind of local webserver

```bash

#temp webserver with python

python3 -m http.server 8000

```

and the http://localhost:8000