[Question] Tech stack and data sources
hexus opened this issue · comments
Hey there!
Just wanted to say, awesome character sheet! I've started building my own fairly simple one with Riot.js just to help me better understand the fundamentals of the character sheets, and indeed to automate calculations for myself in-game.
I just have a few curiosities about yours, in particular:
- The front-end JavaScript framework you use (if any); for example, from what I can tell your modals are your own work
- Any CSS boilerplate/tools beyond Skeleton SCSS (the only vendor dependency I could spot)
- Where you retrieved or how you built your databases; I'm thinking of scraping d20pfsrd by building my own crawler
Cheers!
Hi, thanks, glad you find the project useful. It's mostly a learning side project -- I started it for those same reasons.
To answer your questions:
- I tried very hard not to use any frameworks and aimed to built from scratch. This helped me learn how to make modal, snackbars, sidebars etc. I started with no knowledge of JS a few years back. It's been a great journey. So it's mostly all Vanilla JS except for a smooth scrolling dependency I had to include.
- I started with Skeleton SCSS and a normalise CSS reset. Later I moved on to make my own custom grid CSS and have since dropped Skeleton. Normalise remains, who really wants to write their own? 😉
- All that data was downloaded from d20pfsrd, (eg: https://www.d20pfsrd.com/magic/tools/spells-db/ and https://www.d20pfsrd.com/feats/feats-db/). I exported and cleaned up the data, saved it as a .csv to keep the file size down.
I hope that helps -- happy help in or answer other questions.
Awesome, thanks! I appreciate the detailed response. I did wonder if you were using those data sets or finding some other means. I was considering using them as CSVs myself!
I find the design and functionality of the app really impressive, especially for something home-brewed.
Maybe I'll make PR some time! I'll keep an eye out for help wanted labels. 👍
Cheers!