Simple Photo Gallery in React + Apache Http Server

This was built for photos.mrarich.com but the source is reusable, at least as a starting point.

Features

Run npm install to install dependencies.
Add an img directory in the public folder.
- The images should match IMG_X.JPG. The format can be updated in utils.ts.
- You can experiment with image sizes. In most places the image is resized on the server to conserve bandwidth, so whatever size is used will likely be reduced before being displayed anywhere.
- To save time/space/energy, you should also just put the img directory in your webserver root and make sure to not overwrite it when copying output files.
Update manifest.json
Update links throughout
Update .env
Update logos in public
Update favicon.ico
Update tags.json with your own tags
Run npm run start to test
Run npm run build to build
- Copy output build directory to your apache webserver

In the project directory, you can run:

npm run start: Runs the app in the development mode.
npm run test: Launches the test runner in the interactive watch mode. (No tests for now 😬)
npm run build: Builds the app for production to the build folder.