Memory Hole

Overview

The Memory Hole 🕳 is a public image board platform that allows users to upload and comment.

Photographs are arranged using Grid, with new images appearing at the top.
Clicking on an image thumbnail brings up the Image Focus component, where users can see a larger version of the image as well as the image poster's name, the title and description of the image, and a comment section.
Scrolling down the page loads more pictures until there are no more images.

A button on the bottom-left of the app opens the Uploader component.
Users can select a file or choose to drag and drop an image into the component.
Once an image has been selected, a panel slides up to reveal the inputs for the image data (name, title, and description).
Upon completion of upload, the component disappears into the void (very proud of this bit of CSS!)

JavaScript, Vue.js, node.js, Express, PostgreSQL, Heroku, AWS

Name		Name	Last commit message	Last commit date
Latest commit History 9 Commits
misc		misc
public		public
sql		sql
uploads		uploads
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.prettierignore		.prettierignore
README.md		README.md
db.js		db.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
s3.js		s3.js
server.js		server.js
upload.js		upload.js