Berlin Night Photography Image Board

Tech Stack

• Vue.js
• Node.js
• Express.js
• AWS S3 (for hosting images)
• PostgreSQL
• CSS3

Overview

Short Description

Berlin Night Photography is an Instagram-style single page application that allows users to upload pictures to a general board, as well as comment on other people's pictures and reply to others' comments. Built over the course of a week at Spiced Academy in Berlin, Germany.

Walk Through

The landing page shows the full gallery of images posted by all users.

Project features an infinite scroll that also indicates if there are no more images.
The user can also upload their own picture by clicking on the plus button in the bottom right corner. The user will need to enter their name, the title and the description of the picture. The picture will be added to the gallery and shown on the top without page being refreshed. When not in use, the uploader remains hidden. When clicking on the image a pop-up with a bigger version of the image, all relevant information and the comments is shown.

Users can also add comments.

Also, there are "previous" and "next" buttons which allow to browse the pictures.

Future Features

• Add Registration/Login Functionality
• Allow Tags and images to be filtered by tags or users
• Simple thumbs up or thumbs down voting system