{"id":3176,"date":"2024-10-02T14:53:27","date_gmt":"2024-10-02T18:53:27","guid":{"rendered":"https:\/\/wizardwalk.com\/newblather\/?p=3176"},"modified":"2024-10-02T14:53:27","modified_gmt":"2024-10-02T18:53:27","slug":"trovedex-remade","status":"publish","type":"post","link":"https:\/\/wizardwalk.com\/newblather\/?p=3176","title":{"rendered":"Trovedex remade"},"content":{"rendered":"<p>A couple weeks ago I remade my web app <a href=\"https:\/\/trovedex.com\/\">Trovedex<\/a> from scratch. It&#8217;s private for now, only for my own use; if you go there, it&#8217;ll ask you for a password. You&#8217;ll have to settle with this impressive screenshot:<\/p>\n<p><a href=\"http:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot.png\"><img loading=\"lazy\" src=\"http:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot-1024x423.png\" alt=\"\" width=\"750\" height=\"310\" style=\"display: block; float: none; margin-left: auto; margin-right: auto; box-shadow: 3px 3px 7px #000; border-width: 0px;\" class=\"aligncenter wp-image-3177 size-large\" srcset=\"https:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot-1024x423.png 1024w, https:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot-300x124.png 300w, https:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot-768x317.png 768w, https:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot-1536x634.png 1536w, https:\/\/wizardwalk.com\/newblather\/wp-content\/uploads\/2024\/10\/trovedex-screenshot.png 1820w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p>It&#8217;s now a simple document manager. You can create documents (HTML pages) and put them in folders. That&#8217;s basically it. I wanted something like a wiki, but I wanted to use HTML instead of markdown, and I wanted to see folders and files on the side for easy navigation between pages.<\/p>\n<p>I created the app with the help of AI, which was a fun experience (<a href=\"https:\/\/claude.ai\/\">Claude<\/a> to be exact). While AI doesn&#8217;t do <em>all<\/em> the work for you, it definitely makes things a lot easier. For instance, I had trouble figuring out React before (a javascript library for building interfaces), so the AI was able to show me how it&#8217;s done. Adding some features was also breeze. I could tell the AI: &#8220;Let&#8217;s add the ability to delete documents.&#8221; And it would respond: &#8220;Sure, paste this code to your frontend and this code to your backend.&#8221; Done! Of course, that&#8217;s an easy feature to add. Some features caused a bit more trouble. Trovedex is using the <a href=\"https:\/\/xdsoft.net\/jodit\/\">Jodit Editor<\/a> to edit the HTML on the documents \/ pages, which Claude had some trouble with now and then, forcing me to do my own debugging.<\/p>\n<p>Claude also had a habit of choosing annoying tools and frameworks. It recommended I use PostgreSQL for the backend database, and Prisma to connect to it. No! I had to tell it to use MongoDB and Axios instead, which seem a lot simpler to me.<\/p>\n<p>Overall though, using the AI made me much more productive.<\/p>\n<p>There are still plenty of features I&#8217;d like to add to Trovedex eventually, including the ability to make pages or folders public. That way I can use it to replace &#8220;Hanniwiki&#8221;, which was a <a href=\"https:\/\/www.mediawiki.org\/wiki\/MediaWiki\">MediaWiki<\/a> site containing the catalog of all my music and stuff. But the software (which was more sophisticated than I really needed) went out of date, so &#8220;Hanniwiki&#8221; has been missing for a while now.<\/p>\n<p>I&#8217;ll probably open-source the project to GitHub at some point.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A couple weeks ago I remade my web app Trovedex from scratch. It&#8217;s private for now, only for my own use; if you go there, it&#8217;ll ask you for a password. You&#8217;ll have to settle with this impressive screenshot: It&#8217;s now a simple document manager. You can create documents (HTML [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[19],"tags":[807],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7gI4B-Pe","_links":{"self":[{"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=\/wp\/v2\/posts\/3176"}],"collection":[{"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3176"}],"version-history":[{"count":3,"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=\/wp\/v2\/posts\/3176\/revisions"}],"predecessor-version":[{"id":3180,"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=\/wp\/v2\/posts\/3176\/revisions\/3180"}],"wp:attachment":[{"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wizardwalk.com\/newblather\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}