Mobile app proof-of-concept that helps organizations and students on campus connect with each other.
Want to view a live (simulated) demo with databases with dummy info? Click "Tap to Play" on the next page and then scroll down and click "Open project in Expo."
Want to view the project on expo?
COMING SOON: Want to read a brief case study about the project on my website?
COMING SOON: Want to run the actual app within the expo app? (Android only)
View all full size demo images
Built with React Native, Expo, & NativeBase.
Uses Google Firebase to store user and org info.
Uses React Easy State for ultra simple state management.
Uses React Native Calendars for upcoming events.
Uses Styled Components to create reusable and isolated style components much easier than React Native stylesheets.
- Clone this repo.
- Get Facebook App ID and Secret
- Get Firebase Info
- Create
secret.js
inside./src/utils
- Add the following config variables
- Run the following script commands to start the expo local server
export const secret = {
FACEBOOK_APP_ID: '123456789012345',
FACEBOOK_APP_SECRET: 'abcdef1234567890abcdef1234567890',
FIREBASE_API_KEY: 'aBcDeFgHiJkLmNoPqRsTuVwXyZ1234567890aBc',
FIREBASE_AUTH_DOMAIN: '{APP_NAME}.firebaseapp.com',
FIREBASE_DATABASE_URL: 'https://{APP_NAME}.firebaseio.com',
FIREBASE_PROJECT_ID: '{APP_NAME}',
FIREBASE_STORAGE_BUCKET: '{APP_NAME}.appspot.com',
FIREBASE_MESSENGER_SENDER_ID: '12345678901'
}
yarn install
yarn dev
- sign in only supports Facebook
- loading pages are mediocre
- any page transitions can be tapped multiple times and all added to stack
- no way to display or interact with "Upcoming Events" (not linked to DB)
- ugly "Upcoming Events" title
- text areas should have left aligned text
- org screen
- user cannot modify or delete
- cannot click contact info links
- probably doesn't need to be a card interface (gap at top)
- cannot differentiate between loading & no members "View Members"
- ugly screen when no member or applicants
- leaving "View Applicants" forces refresh even without changes
- no way to edit profile picture
- Fork it (https://github.com/zachhardesty7/phinder/fork)
- Create your feature branch (
git checkout -b feature/fooBar
) - Commit your changes (
git commit -am 'Add some fooBar'
) - Push to the branch (
git push origin feature/fooBar
) - Create a new Pull Request
Copyright 2018 Zachary Hardesty
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Full Apache 2.0 License Source
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.