Information Systems Department

Web Programming - MIEGSI 2019/2020

Press&Play is an application designed only for mobile with the objective of sharing spaces to rent for one hour so you can play football with your friends or strangers.

Table Of Contents

• Overview
  • The Problem
• Tech Stack
• Setup Your Workstation
• Configuration Options
• Quick Start
• Demo
• Authors
• Contribution
• License

Overview

The 2019/2020 edition of the subject Web Programming (Programação para a WEB - PW) is intended to develop an application web/mobile system (PWA) that supports the management and realization of outdoor activity.

The Problem

The company “Task4Society” is responsible for organizing various outdoor activities and needs a web application that allows:

• Help manage each of their activities (admins and spaces)
• The participant's interaction with their activities

Our group is responsible for the Street Football activities. So, we decide to call the application "Press&Play" and split our group into three different teams. One team is responsible for the administrators part, another for space management and our team for managing participants/customers.

This is the repository of the exclusive application for smartphones using PWA technology for the participant's management.

Tech Stack

Front-End

• HTML5
• CSS
• JavaScript
• Fetch for API calls

Back-End

• NodeJs
• REST API
• Model-View-Controller
• MySQL
• Google Cloud Platform (Google OAuth2)

DevOps

• AWS Cloud9
• Git
• Heroku

Setup Your Workstation

• Install Node.js and npm to your local workstation
• Install MySQL Server to your local workstation

Configuration Options

• Import our example DataBase to your local MySQL Server
• Configure your '.env' file

MYSQL_HOST = 127.0.0.1
MYSQL_DB = NAME
MYSQL_USER = USER
MYSQL_PASS = PASSWORD
EMAIL_USER = GMAIL
EMAIL_PASS = PASSWORD
BACK_URL = http://127.0.0.1:8080
GOOGLEAUTH_ID = ID
GOOGLEAUTH_SECRET = SECRET

Quick Start

1. Clone the repository:

git clone https://github.com/ruigomes99/press-and-play.git

2. Change directory:

cd press-and-play

3. Install dependencies:

npm install

4. Start the server:

npm start

5. View the website at: http://127.0.0.1:8080

6. Install the PWA for a better experience

Demo

We have deployed a demo version so anyone can test the application without needing to install anything.
The application is available at the following URL: https://press-and-play.herokuapp.com
Remember, this is just a demo and it's running on free services, so it has some limitations and it can have long loading times.
The use of this demo is entirely at your own risk.

Authors

• José Antunes (Full-Stack Dev)
• Rui Bernardo (Full-Stack Dev)
• Carlos Gonçalves (Front-End Dev)
• João Teixeira (Front-End Dev)
• Manuel Ribeiro (Front-End Dev)
• Joáo Guedes (Back-End Dev)
• João Pedro Gonçalves (Back-End Dev)
• Rui Gomes (Back-End Dev)

Contribution

• Filipe Portela
• João Pedro Silva

License

• MIT