andelaosp / shufflebox-frontend

🤖👥 shufflebox web client. (Shufflebox is an application that provides random selections and groupings for social events at Andela Kenya)

shufflebox-frontend

Project Setup

• Clone the repo

$ git clone https://github.com/AndelaOSP/shufflebox-frontend

• Install elm if you haven't.

$ npm i -g elm

• Install elm-test

$ npm i -g elm-test

• At the root of the project, install the dependencies

# npm dependencies
$ npm i
# elm dependencies
$ elm package install

• Start the webpack dev server.

$ npm run dev

• Visit localhost:3000. You should see the text shufflebox. i.e from src/Main.elm

shufflebox-frontend's Issues

Authorization: Allow only Andela emails

Description

The current auth system hits http://api-staging.andela.com/login which also allows guests to log in. However, the guest status is set in the token payload. Thus, we should be able to differentiate between andela and non-andela emails and authorize only andela emails.

Unit tests

Connect the app to the backend.

Brown Bag Shuffle

Scenario

As an Admin I should be able to generate new "shuffles" on brownbags.
PS: Backends' done, just linking with the frontend.

Secret Santa View

Scenario

As an admin user I should be able to view all santa pairs.

New Issue

I

Calendar

Scenario

As a user, I should be able to view a calendar showing breakouts (brown bag, hangouts and secret santas) with color coded markers.

PS: Mockup available

Deployment

Deploy shufflebox (frontend and backend).

Hangouts View

Scenario

As a user I should be able to view a list all hangouts and my hangout

Santa Shuffle

Scenario

As an admin user I should be able to generate santa pairs

Google Authentication

Users should be able to sign up with there Andela email and assigned permissions. (normal - admin).

Display active route

Description

The current navigation link should be highlighted on every route change. Refer to mockup for details.

Brown Bag View

Scenario

As a user, I should be able to view current brown bag shuffles.

Harmonize decoders with backend data

Ascertain JSON structure on mock server and it's decoders match with backend data.

Hangout Shuffle

Scenario

As an admin user I should be able to shuffle hangouts.

Merging elm and elm-test installation in setup instructions (README)

The packages elm and elm-test can be installed in one command:
npm i -g elm elm-test

Shuffling animation

Documentation

Description

Update the ReadMe with adequate documentation. Consider adding a GitHub page too.