tergav17 / NodePhotoGallery

A simple Node.JS photo uploading and display app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NodePhotoGallery

A simple Node.JS photo uploading and display app

Prerequisites

  • Node.js
    • Linux/Unix: Install nodejs by following these instructions.
    • Windows: Install it with the command winget install OpenJS.NodeJS.LTS on modern Windows versions
  • npm
  • Express.js

How to run

  1. Run npm install to ensure that all packages are installed.
  2. Set the environment variable PORT
    • Linux: export PORT=8080
    • Windows: set PORT=8080
  3. Run npm run init
  4. Run node index.js
  5. Open your browser and head to {HOST-IP}:{PORT}. If this instance is running locally and the PORT environment variable is set to 8080, then head to localhost:8080.

Alternatively

  1. Navigate to https://photogallery317.azurewebsites.net/
  2. You may need to wait a minute or two if Azure has decided to temporarily spin down the instance that the Node server is running on.

How to use

  1. You will first see a Login screen. You will want to press the New User button to create an account. Fill in all the fields, and then press the Register User button.
  2. You can now log in. Afterwards, you'll see an Upload a Photo screen. You can upload any photo you wish alongside tags, or search for photos by tags.
    • Uploading an image will redirect you to a fullscreen view. Back out with the browser to return to the previous page.
    • Searching will ask you for a query. The page will return all images with that tag.
  3. Afterwards, you can log out, restart the app, and back in to see that both login and images persist.

Screenshots

Team

  • Gavin Tersteeg
  • Isaiah Mundy
  • Yadiel Johnson
  • Sam Caldwell

About

A simple Node.JS photo uploading and display app


Languages

Language:JavaScript 56.8%Language:HTML 43.2%