Repository files navigation

Stay in touch with each otter.

A place for alumni and friends to create private groups and events.
Invite like-minded others and get activity recommendations tailored to your locations.

Never lose touch with your friends and each otter again!

1. Overview
2. UI & Usage
3. Installation
4. Technologies
5. Contributors
6. Project Takeaways
7. License

Otter People was a capstone project forHack Reactor Austin's 56 cohort. The team of 6 engineers was given one week to create the full-stack application based on client requirements. The client requested an alumni networking application where users could create and join both groups and events. The client wanted groups to be private and invite-only and upcoming events to be prominently displayed and specific to individual groups. Additionally, the client wished for event and meetup recommendations based on group members' geolocations.

Otter People's UI has both custom dark and light themes that easily toggle in the upper right-hand corner of the application.

On page load, the user is presented with Otter People's landing page to enter their credentials to log in. If not already a member, the user can click the 'Sign up' button, and a modal sign-up form will appear. Once signed in or signed up, the user is rerouted to their personal dashboard.

The personal dashboard is an intuitive three-column layout. The left column displays the user's group information. Only groups that the user is a member of will be displayed. If the member wants to create a group, they click on the 'Create New Group' button and will be presented with a modal form to create the group. The new group will be created on form submission, the group creator will automatically be added to the group, and the user's group list will rerender.

The center column displays the group's information, including the name, description, and invitation code. A sorted list of upcoming group events appears below. Each event card shows the event details and the ability for a user to RSVP. A user clicks on '+ Event' at the top of the column to create a new event.

The right column displays two widgets. At the top is a list of the current group's members. When a new group is selected, the member's list updates. Underneath is the Around Town widget, which provides users event and activity suggestions based on group member's geolocations.

A user clicks on 'Join Existing Group' and provides the secret group invitation code to join a group. If they enter the correct code, the user is immediately added to the group.

All groups are private. To invite new members to the group, an existing group member must share the group's invitation code.

To use the 'Around Town' widget you will need get access toAmadeus's API and aRadar.io key

1. Clone down repo

   git clone https://github.com/hratx-blue-ocean/alumni-meetup.git

2. Install NPM packages

   npm install

3. Create a .env file in the main directory of the application that looks like:

   AMADEUS_KEY=YOUR_KEYAMADEUS_SEC=YOUR_KEYRADAR_KEY=YOUR_KEY

4. Open two terminals

   Start the frontend (development mode):

   npm run start

   Start the server:

   npm run devServer

Languages
Frameworks / Libraries
Databases
Hosting
Testing/Tools
Design
Workflow

Angela Wu

Addie Johnsen

Eric Handley

Felipe Erazo

Michael Palmer

Ryan May

React-date picker wrapper for Chakra by:https://gist.github.com/igoro00/99e9d244677ccafbf39667c24b5b35ed