{"id":235,"date":"2023-01-10T20:21:38","date_gmt":"2023-01-10T20:21:38","guid":{"rendered":"https:\/\/trewest.dev\/blog\/?p=235"},"modified":"2023-12-05T09:34:35","modified_gmt":"2023-12-05T09:34:35","slug":"project-imgalib","status":"publish","type":"post","link":"https:\/\/trewest.dev\/blog\/index.php\/2023\/01\/10\/project-imgalib\/","title":{"rendered":"Project: Imgalib"},"content":{"rendered":"
\n\t\t\t\n\t\n\t\n\t\t

\n\t\t\tThis is post 2 of 21 in the series “Project Overviews”<\/em>\t\t<\/p>\n\t\t\t\t\t

\n\t\t\t\t

A series of posts detailing and highlighting projects that I’ve made.<\/p>\n\t\t\t<\/div>\n\t\t\t<\/label>\n\n\t\t\t

\n\t\t\t
    \n\t\t\t\t\t\t\t\t\t
  1. Project: Bugtrakt<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  2. Project: Imgalib<\/span><\/li>\n\t\t\t\t\t\t\t\t\t
  3. Project: Go Fish!<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  4. Project: trewest.dev<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  5. Arduino Light effects<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  6. Project: Mini Stacker<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  7. Project: Arduino NES Controller<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  8. Project: Metroidvania-Like<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  9. Project: Susminer<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  10. Project: Farming Demo<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  11. Project: VRC Basement<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  12. Project: Hash Clear<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  13. Project: Titan Help<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  14. Project: Computer Craft Scripts<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  15. Project: ESP8266 Plant Watering<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  16. Project: Golf Demo<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  17. Project: Ghost Holic<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  18. Project: Multi-Chat Viewer<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  19. Project: Interview Simulator<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  20. Project: Healer’s Journey<\/a><\/li>\n\t\t\t\t\t\t\t\t\t
  21. Project: Biota<\/a><\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t<\/div>\n\t<\/div>\n\n

    Status: Complete<\/span>\u2714
    Type: Website<\/p>\n\n\n\n

    \n
    Try it out!<\/a><\/div>\n\n\n\n
    Back to Portfolio<\/a><\/div>\n<\/div>\n\n\n\n

    Imgalib was a project I undertook when I had been challenging myself to leave my Windows desktop on as long as possible. Whilst doing so, Windows File Explorer stopped generating thumbnail images, and the image viewer built into windows as effectively useless for browsing. And so I undertook a dirty workaround for image hosting. I decided that I’d be best off doing something that’d allow me to make a lot of images viewable at once, and hopefully make this a quick thing that’ll allow myself to share these images with family in the case of vacations or family photos, so a website was a sensible choice. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Having all these images easily viewable poses quite a few challenges, such as what to do with duplicates, how should I manage all these pictures, sorting, filtering, etc. All data management issues. Additionally a big challenge was that I didn’t want to use a proper database, the most I wanted to allow was a JSON file. So how did I answer these? Well I did do my best to add sorting and filtering and as long as images stay within the same instance it will be fine but as soon as they leave, not so much. And as for JSON stuff… I really didn’t do anything about it. Admittedly this is a “Quick and dirty” project not something I was doing for entertainment (Though I did enjoy making it) but it was more so for the utility of it. A good comparison is adding a lightbar to a car to see better in the dark. It’s part you want it, part you could really use it, but in reality it’s not completely necessary for everyone. <\/p>\n\n\n\n

    One of the big features I felt I had to add to Imgalib was infinite scrolling, meaning as long as there’s content you can simply load it by scrolling down, take a look! (There’s a few repeats since the gallery was set to random)<\/p>\n\n\n\n

    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    mgalib was a project I undertook when I had been challenging myself to leave my Windows desktop on as long as possible. Whilst doing so, Windows File Explorer stopped generating thumbnail images, and the image viewer built into windows as effectively useless for browsing. And so I undertook a dirty workaround for image hosting….<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,36,33,8,32],"tags":[38,37,30,31],"post_series":[53],"class_list":["post-235","post","type-post","status-publish","format-standard","hentry","category-coding","category-overview","category-php","category-project","category-website","tag-gallery","tag-images","tag-php","tag-website","post_series-project-overviews"],"_links":{"self":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=235"}],"version-history":[{"count":2,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/235\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/posts\/235\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=235"},{"taxonomy":"post_series","embeddable":true,"href":"https:\/\/trewest.dev\/blog\/index.php\/wp-json\/wp\/v2\/post_series?post=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}