jasiozet / simpleCardGame

Using fable, feliz, feliz.DaisyUI to create a simple solo drafting card game

Simple Card Game using: Fable Feliz Feliz.DaisyUI Vite

[Demo]https://jasiozet.github.io/simpleCardGame/ Trying to do something practical to practice the web stack for F#, I'm honestly just having fun here learning Disclaimer: I don't own the rights to any of the pictures used here. This is strictly non profit playground project.

Requirements

• dotnet SDK 6.0 or higher
• node.js
• An F# editor like Visual Studio, Visual Studio Code with Ionide or JetBrains Rider

Building and running the app

• Install dependencies: npm install
• Run the app: npm start
• Build the app for deployment: npm run build

Stuff I use here:

• Fable https://fable.io/
• Feliz https://zaid-ajaj.github.io/Feliz/#/
• Feliz.DaisyUI https://dzoukr.github.io/Feliz.DaisyUI/#/
• Vite https://fable.io/Fable.Lit/docs/hmr.html

Links that I found helpful:

• Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• React passing data from child to parent https://bobbyhadz.com/blog/react-pass-data-from-child-to-parent
• Publishing to github pages https://github.com/gitname/react-gh-pages (warning: needs a directory change for this template)