Skip to content

Introduction

What is jtwenty?

jtwenty is a powerful yet simple-to-use web app for organizing photos in albums. Fast, beautiful, and optimized viewing for different devices. Uploaded photos are automatically resized and optimised. Intuitive single-point-of-action menu navigation for creating and managing albums and images. You can visit the app here

Why jtwenty?

jtwenty is a full-stack web app that originated from my journey to learn AWS. With no prior coding experience, I recognized the value of coding skills and embarked on a mission to learn JavaScript. As a result, jtwenty has evolved from a static photo-website in different variations to a full stack web app. This remains a work in progress and will be updated as I learn new things.

Features

Welcome Page

After an album is created, this page is no longer shown but can still be accessed from the footer.

GIF of welcome page

Create album and upload Images

  • Easy to create albums and upload images.
  • Images can be uploaded from local device or remote locations.
  • Option to retry or skip failed uploads.
GIF of creating an album and uploading images
  • Images are automatically resized and optimized.

Filesizes before upload

Original filesizes before upload

Filesizes delivered to client Firefox browser

Filesizes delivered to Firefox browser

Filesizes delivered to client Edge browser

Filesizes delivered to Edge browser

Set cover image

Default cover image is the first image uploaded to the album. This can be changed by selecting an image from the album and clicking on the Set as cover image button.

GIF of setting album cover image

View album

  • Albums are displayed in a masonry layout.
  • Images are displayed in a lightbox or carousel.
  • Images are automatically resized and optimized for the device.
  • Images are automatically rearranged when browser window is resized.
GIF of images in masonry layout auto-rearranging while browser window is being resized GIF of view album and lightbox gallery

Delete album

  • Deleting an album will delete all images in the album.
GIF of deleting an album

Delete image

  • Deleting an image will remove the image from the album.
GIF of delete images

Validation of album name

GIF of validating album name