Picturarium

Picturarium is a small React image gallery using the Lorem Picsum API. It displays paginated image thumbnails, caches loaded pages during the session, and opens selected images in a larger modal view. The app uses TypeScript, Material UI, and explicit remote/request state handling for loading and error states.

Installation

This assumes node is installed on your system.

git clone https://git.meatbagoverclocked.com/omedusyo/picturarium # or `git clone https://github.com/omedusyo/picturarium` in case internet provider disconnects my internet or my minipc explodes.
cd picturarium
npm install

Execution

After cloning the repo in picturarium/:

dev

You can start a vite dev-server

npm run dev

production

To see production build:

npm run build
npm run preview

Comments

In this codebase I sometimes use comments that start as

// @PERSONAL_NOTE

These are just there for this particular assignment, and I wouldn't included them in a real codebase. They are just notes to let you know why I made specific decisions and how I think about stuff.