sangelici / beehive-client

Beehive Client

Beehive

This is a single page applicaton that allows the user to view. In addition, the user can RSVP to events, view all events created by other user, view events they've RSVPed to, and edit or delete events they've created.

*** When demoing the application, please do not use a real email or password when registering ***

ex: email: bee@hive, password: bee

Important Links

• Deployed Web Apllication
• Deployed back end API
• Beehive API

Technologies Used

• Node.js
• Handlebars.js
• HTML5
• CSS3
• bootstrap
• sass
• Javascript
• jQuery
• Git

The Approach

Day one began with pair-programming, before each team member felt comfortable enough to work on his or her own. All branch pushes and pulls to or from the development branch were done as a team to minimize any risk of merge conflicts. After completing wireframes, user stories, and our ERD, we diligently planned out all of the files and folders that we anticipated needing throughout the project. we normally start out our day with morning stand to plan out what we need to target as a team and individual.

After testing all CRUD actions on the backend, we built Handlebars templates for the auth, event, and rsvp actions. We then began testing the actions from the front end. After successfully implementing all client-side functions and AJAX calls, we began styling the app and adjusting Handlebars templates.

Our team also utilized our slack channel to communicate ideas, helpful links for a problem, and updates to other team members if changes were being made outside of our fixed on working hours.

##Future Goals

• We want to finish our mobile accessibility for the site (we have the landing age as a WIP)
• We want to remove the form fields for Update/Delete Event and Create RSVP and turn them into hyperlinks to create a more user friendly site. This would also include a hidden form field for rsvps that references the listing id when used.
• We want to utilize a calendar api in the future so that users can search by date/month and view events within, and try Moments.js to clean up the displayed times for events.
• refactor, refactor, refactor!

User Stories

Auth:

As an unregistered user, I would like to sign up with a unique email and password.

As a registered user, I would like to sign in with my email and password

As a signed in user, I would like to change my password

As a signed in user, I would like to sign out.

API:

As an unregistred user, I would like to see all events.

As an unregistred user, I would like to navigate through events by date.

As an unregistred user, I would like to see a list of all my created and rsvp's events.

As a signed in user, I would like to RSVP to an event.

As a signed in user, I would like to create my own event.

As a signed in user, I would like to update my own events.

As a signed in user, I would like to delete my own event.

Wire Frames