Git Product home page Git Product logo

nodephotogallery's Introduction

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

nodephotogallery's People

Contributors

tergav17 avatar yjohnson-dev avatar imundy7 avatar samuelc3 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.