PAGER

PAGER is a social app for ravers to connect and share experiences. The app allows users to join groups, discover upcoming events, make new friends, and chat with fellow ravers. With PAGER, you can easily find like-minded people to attend events with, join groups based on your music preferences, and even plan your own events. Why rave alone when you can connect with the rave community through PAGER?

Built With

Frontend

• React Native
• Redux
• JavaScript

Backend

• Firebase
  • Authentication
  • Firestore
  • Cloud Messaging
  • Cloud Storage

Technologies

Contributors

• Simon Buret de Longagne @SimonBdeL
• Andrew Heim @andepants
• Madeline King @maddieking02
• Abigail Li @palmigloo
• Charlie Um @charlieum
• Joshua Vilela @joshuavilela
• Jeffrey Zhang @Jeffreyzhangsd

Key Features

Firebase Services

• Our team decided to use Firebase as it offered a wide variety of services for our product that can be easily integrated in our application such as real-time databases using Firestore, login and register account pages using Firebase Authentication , Real-time chat messages using Cloud Messaging and the ability to upload photos using Cloud Storage.
• This allowed us to focus on the user experience without worrying about the backend services needed to run the application.

Login

• Utilized Firebase Authentication for user sign in and sign up pages
• Managed authentication screen stack flow for global state for authenticated users
• Sign up creates user and corresponding data points in Firebase Firestore with information and profile image.

User Profile

• Main page showing the details of the signed-in user
• Expanded view of friends with buttons to unfriend
• Expanded view of user’s music tastes
• Edit page to edit music tastes and description

Homepage

          

• Swipe cards displaying groups attending events. Swipe right to join or left to pass.
• Card expanded view, showing additional information about the group.
• Filter cards based on size and vibe.

Groups

All Groups

• Tabular design to view a user’s upcoming and attended groups
• Tab for user to create their own group and upload group images

Individual Groups

• Overview of group details with members and brief schedule
• Full schedule list where owner has the ability to add/delete plans

Chat

• Each individual group has their own chatrooms that they can talk with their respective members to discuss plans for their event.

Getting Started

1. Create a Firebase project at Firebase and create a firestore, authentication with email and password, cloud storage, and cloud messaging.

2. Input the Firebase SDK to the app’s dependencies. More details for how to do this step in the official Firebase Documentation

3. Go into the client of our repo

4. Run npm i in the terminal

5. Run npm run start into the terminal

6. Go to localhost:19006 to access the app by hitting the "w" key in the terminal