Imageboard

A Vue.js based, Single-Page Application imageboard that I created in Spiced Academy bootcamp as one of the assignments.

Table of contents

• Technologies
• Setup
• Features
• Showroom
• To-do

Technologies

Project is created with:

• Vue.js, HTML, CSS, Node.js / Express, PostgreSQL, Multer, AWS-S3

Setup

Clone this repo to your desktop and run npm install to install all the dependencies.

Features

• Picture upload - title, description, username - with AWS/S3
• More button: pagination - loads more images on the screen
• By clicking the thumbnail the image page opens with all the information
• Image page
  • Image, title, description, username
  • Add a comment
  • All comments display: comment, username, time
  • Previous | Next button - based on image hash

Showroom

Upload

Previous and next button

Pagination with More button

Image modal and comments

To-do

Next functionalities I want to add:

• Mobile responsiveness
• Delete image button
• Delete comment button
• Add tags

Inspiration

• Images by Unsplash