vitanuova / speakup

SpeakUp application for SEBA Master course

Live Demo

SpeakUp

Prerequisites

Mongo DB

Node.js

Quickstart

Clone the repository:

git clone https://github.com/VitaNuova/SpeakUp.git

Server application

start mongod service on your local machine:

• linux - sudo service mongod start
• windows - usually C:\Program Files\MongoDB\Server\3.4\bin\mongod.exe

Copy backend/config/config.dev_local.js into same folder and name it config.js.

Adjust the parameters for the database in newly created config.js, if necessary.

cd SpeakUp/backend
npm install
node fill_db.js
npm start

Client application

cd SpeakUp/frontend
npm install
npm run build
npm start

Notes

If you have problems starting the server for the client application, please run:

npm install -g superstatic

There are reported problems that somethimes it won't install from package.json file.

Developers

• Branislav Vidojevic - [email protected] - @Branislav1993
• Marija Jovanovic - [email protected] - @JovanovicMarija
• Naum Gjorgjeski - [email protected] - @NaumGj
• Viktoriia Bakalova - [email protected] - @VitaNuova

speakup's Issues

Implement create offer page

Implement search functionality on the backend

Change green buttons and red background

Implement filter options

See mockups events screen left part

Fix the menu for mobile phone

implement authorization on backend on every route

Create all deliverables

Give user feedback about which registration page he is on

Implement picture upload

Add default picture for registered user

Create conceptual data model

Which are the basic entities your web application has to deal with, and how they are related to each other? For this purpose, use a UML class diagram (https://en.wikipedia.org/wiki/Class_diagram) to design such a conceptual data model.

For creating UML class diagrams, you can use the free UML tool UMLet (http://www.umlet.com/), or the online-tool gliffy (https://www.gliffy.com) which provides a free account (see pricing page).

Set the initial empty frontend project

Acceptance criteria:

• client can be started
• folder and file structure + naming of the files is correct.
• dev documentation is written in .README.

Setup initial empty backend project

Acceptance criteria:

• backend server can be run
• dev documentation is written in .README.

Rewrite the "Create Event" page in Bootstrap

Add xhr progress bar

Implement login functionality

Acceptance criteria:

• User should be able to register
• User should be able to login
• User should be able to logout
• Only authenticated user can see pages different than landing page
• User's password is encrypted

Add message if there are no upcoming events, languages or topics

Implement home page (list of existing events - user case #1)

needs detailed description

Add image path for the users, so we can show images of users in the profile page

Implement login

Create landing page - page with existing events (use case #1)

Landing page - first page that users see when they visit or domain.

Acceptance criteria:

• Landing page desing should follow mockup design
• There is an option to login
• There is an option to go to the register page
• Page is styled appropriately

Set the database configuration

Acceptance criteria:

• database server can be run
• dev documentation is written in .README.

Create register page

Acceptance criteria:

• Only non-authenticated users can see the option to register
• After the registration, user is redirected to the home page.
• User should be able to input all the data needed as stated in the exercise (name, location, languages, level of knowledge etc.)

Implement registration

Add something like toast when you create user and redirect to events screen

When you enter wrong login credentials, show toast

Integrate toasts when you create offer

Implement user profile

Fix navbar for admins

Redirect from register to user profile

Implement displaying events on a map

Add the user which created the event as a participant

Implement pagination functionality

Create presentation for the Exercise 3

The structure of your presentation should be as follows:

• Short description of your business idea. (1 slide)
• Overview over the conceptual data model of your web application (1 slide)
• Short description of the implemented use case as well as the corresponding mock-up (1 slide)
  Thereafter, you have to do a live demo of your prototype. Again, the demo should be based on the use cases of exercise 1.
  The presentation (inclusive the live demo) must not exceed 10 minutes.

Add a link to the event in the marker

Add left padding to the image in the create event page screen

Add map to the profile page

Profile picture should be updated in app header

Make search input field better

It's not centered and maybe add a search icon