TembuFriends

A social app for Tembusians (An Apollo-11 Project)

For detailed write-up, see Google Doc

Demo

Hosted on Expo server: (here)

(*NUS email is required to use the app)

(*Due to Apple limitation, expo-hosted apps are not accessible by iOS system.)

Implemented features

• Authentication Flow
• All navigation features
• Menu bars, Pop-up UI
• Home page - linked to Tembu Page
• Profile page
• Profile editing
• Posting capabilities
• Search feature
• Adding friends
• Notifications
• Custom QR generator and QR scanner
• Settings
  • Notification settings
  • FAQ
  • Contact Us
• Admin features
  • User list (Verify, ban or make users admin)
  • Posts' report handling

Navigation flow

Root Nav                                    # Check for user and route repectively
├── Auth Nav                                # Navigation consisting of authentication screens
│   ├── Sign In
│   ├── Sign Up
│   └── Forget Password
│
└── Home Tab Nav                            # Bottom Tab navigator (Viewable from any child screens)
    ├── Home Screen                         # Tembusu-related information display (Direct link to Tembu)
    │
    ├── Explore Nav                         # Navigable content from explore feature
    │   ├── Search Profile                  # Initial route of explore tab
    │   │
    │   └── Profile (My/Other Profiles)     # Provide navigation to profile-related screen
    │       ├── Visit Other Profiles        # Initial route
    │       │   └── Write Posts             # Only available when visiting other profile
    │       └── My Profile
    │           └── Edit Profile            # Only available from My Profile
    │               └── Edit Modules        # Only available from Edit Profile
    │
    ├── Notification Nav                    # Navigation for notification
    │   ├── Notification screen             # List of past & current notification
    |   |
    │   └── Profile Nav (My Profile)        # Provide navigation to profile-related screen
    │       ├── My Profile                  # Initial route
    │       │   └── Edit Profile
    │       │       └── Edit Modules
    │       └── Visit Other Profiles
    │           └── Write Posts
    │
    └── Menu Nav                            # Navigable content from explore feature
        ├── Menu Screen                     # Initial route
        │
        ├── Profile (My Profile)            # Called from My Profile button
        |   |
        │   ├── My Profile
        │   │   └── Edit Profile            # Edit profile info
        │   │       └── Edit Modules
        │   │
        │   └── Visit Other Profiles        # Visit other user through their posts
        │       └── Write Posts
        |   
        ├── Friend List                     # Called from Friends button
        │
        ├── QR code
        │   ├── My QR                       # To view QR code/ save it in gallery
        │   └── QR Scanner                  # Use camera to scan QR image
        │
        ├── Settings Nav
        │   ├── Notifications settings      # To disable/enable notifications
        │   ├── Help                        # Common FAQs about the app usage
        │   └── About Us                    # Short description about the creator
        │
        ├── Admin Nav
        │   ├── Reports                     # To verify and review reported posts
        │   └── User list                   # To view, ban users or make users admin
        │
        ├── Delete Screen                   # For account creation testing
        │
        └── Logout                          # Return to Auth Nav

For source code, see navigations and screens

Backend

• Serverless backend logic that runs on triggers & callables
• Built using Firebase Functions

View it here: link

Tech Stack

• Language: JavaScript (Node.js)
• Framework: React Native
• Technologies:
  • Expo
  • Firebase
  • Redux

License

Copyright 2020 Jin Hao and Sebastian Png.

Licensed under the MIT License