stevendiaz / lanmobile Goto Github PK

Overview

Add a profile page so that user's of the LAN mobile application can see their profile information.
The current schema of the user data fetched from the backend looks like this:

'jwt_token':string,
'user': {
     'id': integer,
     'email': string,
     'full_name': string,
     'nick_name': string,
     'phone_number': string,
     'graduation_date': string,
     'concentration': string,
     'gender': string,
     'lan_class': string,
     'active_semesters': string,
     'gravator_image_url': string,
     'groups':  {
            'open_rushie': boolean,
            'closed_rushie': boolean,
            'rushie': boolean,
            'pledge': boolean,
            'active_user': boolean,
            'officer': boolean,
            'board': boolean,
            'inactive': boolean,
            'alumni': boolean
       }
     'is_active': boolean,
     'is_staff': boolean,
     'is_superuser': boolean,
     'is_verified':boolean
}

This data is already in the global React state for you, so you don't have to worry about fetching it from the backend. Your task is to display it on a page and make a way to navigate to that page.

Pre-implementation steps

0. If you're on windows you're out of luck. I'd recommend booting an Ubuntu partition
1. Set up your environment by following the README
2. Deploy the texaslan.org app locally as your backend
3. Run the LAN mobile app locally
4. Do some reading on React Native

Overview Steps

1. Add "Profile" to the navigation drawer and have it open a new screen
2. Design profile frontend layout with dummy data, taking into account the User schema above
3. Inject data from the global "User" object state
4. Test with different screen sizes, platforms (Android/iOS), versions