46 lines
1.2 KiB
Markdown
46 lines
1.2 KiB
Markdown
# Picturarium
|
|
|
|
[Picturarium](https://projects.dupyn.com/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.
|
|
|
|
```bash
|
|
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
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
## production
|
|
|
|
To see production build:
|
|
|
|
```bash
|
|
npm run build
|
|
npm run preview
|
|
```
|
|
|
|
# Comments
|
|
|
|
In this codebase I sometimes use comments that start as
|
|
|
|
```typescript
|
|
// @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.
|