stevendiaz / lanmobile

React Native application

TexasLAN Mobile App

This is the TexasLAN mobile application.

Setup development environment

Prerequisites

1. Verify NodeJS 8.2+ is installed on your computer. If its not, go to NodeJS site and install it following given steps.
2. Install yarn library. To do that, run:

    sudo npm install -g yarn

3. Go to Expo Official Site and install runtime for your OS.
4. Install the Expo CLI

  yarn global add exp

4. Install Expo App is installed on your phone (available on Android and iOS)
5. Install a simulator on your machine (i.e. XCode) if you want to run the application locally.
6. Run the TexasLAN Backend (now just one step with docker-compose up!)

Setup application

1. Clone this repo

2. Go to project root folder and run

    yarn install

3. Execute one of the following commands to setup internal app config file (this file constains things like the endpoints for the different environments -local, dev, staging, prod-)

    yarn build-<ENVIRONMENT>

   (in example: yarn build-local)

   *ENVIRONMENT: local | dev | staging | prod

4. To start application, run

    exp start -c

lanmobile's Issues

Change DatePicker to show date/year, not day/time

"Don't have an account? Sign up here" cut off from the screen

Create event datepicker changes time +1 hour when the "create event" button is pressed

Capstone project: Add profile page

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

Show/hide password toggle not appearing on sign up form

Make use of the Django permissions in the "auth_permissions" table

Display "No events" when event list is empty