rcffc/joinus

joinus's Issues

Login Page (Mock up)

Create a mock up for the login page.
It should include the brand name.
It should include a nice background color or image.
It should include Google Popup Button (from Google site) as an icon, no functionality.

Organizer can create & delete group

Functionalities should be accessible from the Group Page.

Integrate Google Authentication

Pull information from Google database and store them to Firebase.
Figure out how session authentication works and integrate it with frontend.

Implement Create/Edit Group Page functionality

User Can Share an Event/Group

User wants to share an event from the Event/Group Page

https://alligator.io/js/web-share-api/

User wants to add event to his calendar

Owner can give organizer permissions

Three different levels for group membership:

1. Owner
2. Organizer
3. User

Low Priority Feature.

Search functionality

• Commit Typed String into the store.
• Then filter the events on the event finder page based on the search string.
• Make it possible to filter by tags.
• Make the filtering by tags look nice.
• Make same functionality possible for groups.

Login Page (functionality)

Thinking about User Management
Make Google Login work
Pull information from Google database and store them to Firebase.
Figure out how session authentication works and integrate it with frontend.
Current user/token has to be included in the store

Edit Group Page does not work

When Maria edited the Group Page description with "lolol", an error came up which breaks every view.

Implement Home Page

Ability to see attending events and events from groups joined

Pull information from store and populate UI elements

Related:
#21
#22

Set Up Vue.js Store

Set up the basis for the features that use the store (practically every page).
Think about the file structure.
Pull the information from Firebase.

Implement Group page functionality

Pull group information from the store and populate the UI elements.
Similar to Event Page.

Special: Implement functionality to 1. create event for a group (organizer) and 2. join the group (explorer).

User can join and leave group

User wants to subscribe/unsubscribe to event updates

Implement Event page functionality

https://wireframe.cc/6FADAB
Pull event data from the store

Dropdown Menu for Logging Out (Mockup)

User can join and leave group on group page

Just copy functionality from #25

Implement Group Finder Page

Pull group information from the store and populate the UI elements.
For the MVP it is enough to use the same component as the Event Finder Page: #27

Implement Event Finder Page

Pull group information from the store and populate the UI elements.
For the MVP it is enough to use the same component as the Group Finder Page: #28

User can Follow Event

User goes to Event Page
Presses "Follow" button
which stores it in Firebase
and shows in their Home Page
and the "Follow" button changes to "Unfollow" with an icon.

Mockup Create/Edit Event Page

Name, Description, Picture, Date, Location
https://wireframe.cc/6FADAB

Implement Create/Edit Event Page functionality

Pull group information from the store and populate the UI elements.

Filter Modal Functionality

Filter date and location.

Update Store on Event/Group Page

Navbar Tabs (Mockup)

Event Finder Page,
Group Finder Page,
Home Page

Event Finder Page (Mockup)

It should include a list of available events (5 list icons)

Search Bar (Mockup)

The should be at the top and full-width
It has a magnifying glass on the right. On the left, there is a separate space for the filter icon.

Mockup Create/Edit Group Page

Firebase Deployment

Organizer can delete an event from the event page

Group page Mockup

See mockup https://wireframe.cc/6FADAB

Event Page (Mockup)

Name, Organizer, Description, Location, Image, Date
Button for sharing