danactive / history Goto Github PK

Your personal photos/videos history story boarded and scrapbooked with albums and galleries. Associate media with meta data including geocode, caption, descriptions, articles...

Home Page: https://history.domaindesign.ca

License: MIT License

JavaScript 73.60% CSS 2.87% XSLT 0.60% HTML 0.19% Dockerfile 0.07% Handlebars 1.56% TypeScript 21.11%

photos gallery geocode map video photo photo-book album caption photo-gallery

history's Introduction

history

Your personal history storyboarded with photo and video albums. Associate photos with their meta data including geocode, caption... in XML albums.

Enhanced privacy as photos are stored locally not in the cloud
Plot thumbnails on a map
Includes administration tools for XML generation

Project Status:

Service	Status
Deployed	TEST
Security
Test Coverage
License

Installation

Development

Node.js v18 LTS Download
Install project dependencies npm ci

How-to run on LOCAL

npm run dev will standup both the frontend and backend
View address in browser (printed in terminal on successful load)

How-to build for PROD

npm run build Bundle JavaScript files, and pre-compile
npm start Run built app
View address in browser (printed in terminal on successful load)

Legacy Development

Node.js v12 Download
Folder api is the backend; ui is the frontend
Install project dependencies npm ci
Optional configuration
Start web server npm start
View address in browser (printed in terminal on successful load)

Environment configuration

Create a .env file in the project root
To enable Dropbox for hosting photos place Dropbox API v2 access token HISTORY_DROPBOX_ACCESS_TOKEN=

Changelog of releases

See CHANGELOG

Contributing to this open-source project

See CONTRIBUTING

Copyright

See LICENSE

Visualization

history's People

Contributors

Stargazers

Watchers

history's Issues

Add test coverage

Add istanbul.js for test coverage
Pipe to coveralls

View Album - Nearby photos from Flickr community

As a user, I want nearby photos available for viewing when viewed photo is mappable.

Story Acceptance Criteria:

Definition: Album media is either a photo or video in the Sample album of the Demo gallery
When album media is viewed in lightbox and has geocode then display hyperlink
Clicking on hyperlink will display <50 crowd sourced photos within 1 km proximity of the album media
Format the album media using this jQuery plugin to fully justify
Crowd sourced photos will close (and reset ready to open again) when next or previous album media is viewed using arrows on the keyboard or mouse click

Album - Display photos with design and layout

HTML, CSS to match design of photo album
Display caption and thumbnail image
No interaction, no photo lightbox, no slippy map

Colour Thief

Improve code climate

Use CDN or npm
Get latest version

http://history.staticloud.com/ is a 502 Bad Gateway

The assumed demo link is broken.

Map Album - Pins are placed based on photo data

Read geocode from XML/JSON
Format geocode for MapBox
Not all photo have a geocode

An in-range update of babel-loader is breaking the build 🚨

Version 6.2.10 of babel-loader just got published.

Branch	Build failing 🚨
Dependency	babel-loader
Current Version	6.2.9
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

As babel-loader is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Status Details

✅ codeclimate/coverage 92.82% Details
❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details
✅ coverage/coveralls First build on greenkeeper/babel-loader-6.2.10 at 92.823% Details

Release Notes

v6.2.10

v6.2.10

Support for webpack 2.2-rc has been added in this release

🐛 Bug Fix

If cache directory not writable, try to fallback to tmpdir before failing

Commits

The new version differs by 5 commits .

f221f6c 6.2.10
3bbfbf5 Fallback for cache directories (#346)
35272ef Add Webpack 2.2 RC as peerdependency (#348)
d264da0 Do not include comments in releases
f09bdd1 run clean on prePublish [skip ci]

See the full diff.

Not sure how things should work exactly?

There is a collection of frequently asked questions and of course you may always ask my humans.

Your Greenkeeper Bot 🌴

Project - Travis CI

Use yarn to manage dependencies
Build on merge to master

Lint specific plugin

Save time by linting by plugin folder and not all plugins yarn lint with additional flag

Lint plugins and root

Odd react-a11y eslintrc error

View Album - Add photo lightbox hyperlink to wikipedia

As a user, when viewing a photo lightbox I want to view wikipedia article for more information about the photo

Acceptance Criteria

Only display hyperlink when wikipedia definition exists
Wikipedia language will only include English
Display hyperlink along with Nearby Photos hyperlink (powered by Flickr [#55] or Instagram [#56]), and Description
Remove legacy code

Contributing documentation

New contributing markdown sample
Update README

Test ticket from Code Climate

Add GitHub templates

As a developer, I want more information before creating a new issue or pull request.

Acceptance Criteria

Learn syntax from issue sample and PR sample
Update CONTRIBUTING.md

Album - Apply React view to display photo filenames

Add React.js dependencies
Update Airbnb base lint to include React
Add hapi plugin with route
Display filename of photos

Map Album - Full screen

MapBox GL (not MapBox.js)
MapBox

Why does it say display:none on ln 172 of admin/drag_images_to_resize.html?

The display:none hides useful instructions and instead shows an unlabeled textarea. What's up with that? By design?

Map it button w/ split view

Show View Photos on Map link
On click split the view half with thumbs and then map container
- Links changes to Hide map

http://history.staticloud.com/ is a 502 Bad Gateway

The assumed demo link is broken.

Album - Display raw JSON from XML album source

hapi plugin

View Album - Nearby photos from Instagram community

As a user, I want nearby photos available for viewing when viewed photo is mappable.

Story Acceptance Criteria:

Definition: Album media is either a photo or video in the Sample album of the Demo gallery
When album media is viewed in lightbox and has geocode then display hyperlink
Clicking on hyperlink will display <50 crowd sourced photos within 1 km proximity of the album media
Format the album media using this jQuery plugin to fully justify
Crowd sourced photos will close (and reset ready to open again) when next or previous album media is viewed using arrows on the keyboard or mouse click

Project - Auto gen changelog

Research changelog generator
Conform to commit message rules

Store container images

Quay [builds, analyzes, distributes] your container images

Setup free plan

An in-range update of tuxharness is breaking the build 🚨

Version 2.0.5 of tuxharness just got published.

Branch	Build failing 🚨
Dependency	tuxharness
Current Version	2.0.4
Type	dependency

This version is covered by your current version range and after updating it in your project the build failed.

As tuxharness is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Status Details

✅ codeclimate/coverage 92.82% Details
❌ continuous-integration/travis-ci/push The Travis CI build could not complete due to an error Details
✅ coverage/coveralls First build on greenkeeper/tuxharness-2.0.5 at 92.823% Details