Photo Party

Photo Party is an application for shared photos of your party on a big screen in real time.

Tech

Installation

Install Photo Party with npm

git clone the repo

cd ./Photo-Party

duplicate and rename the ".env-example" > ".env"

npm install

unzip, import and deploy database of "template database.zip" in localhost

npm run server

7. In Webbrowser go to

player => localhost:5000/ 
admin => localhost:5000/admin
projector => localhost:5000/projecteur

Shema

Architecture

Sequence Diagram

Mermaid Diagram theme :

{
  "theme": "base",
  "themeVariables": {
    "primaryColor": "#3C41FF",
    "actorTextColor": "#ffff",
    "primaryTextColor": "#000470",
    "secondaryTextColor": "#FF0000",
    "primaryBorderColor": "#000",
    "lineColor": "#000",
    "secondaryColor": "#ffffff",
    "tertiaryColor": "#000"
  }
}

EndPoint

Client :

Connection :

  GET /

Send data :

  POST /importingFile

Parameter	Type	Description
image	blob	Image UPLOAD
comment	text	text UPLOAD
email	text	email of user
nom	text	username of user

Projector :

Establish a WebSocket connection

Connection :

  GET /projecteur

Admin :

Establish a WebSocket connection

Connection :

  GET /admin

Admin Pannel :

  POST /administration

Parameter	Type	Description
nom	text	Admin Username
mdp	text	Admin Password

Admin Pannel Parameter :

  POST /adminParameter

Parameter	Type	Description
image1isChange	bool	Testing Variable
image2isChange	bool	Testing Variable
comeToParameter	bool	Testing Variable
nom	text	Admin Username
mdp	text	Admin Password

Color Reference

Color	Hex
Primary Color	#3C41FF
Black	#000
White	#fff

Logo

Features

• Remove french words