Code Monkey home page Code Monkey logo

nodal-winter-2018's Introduction

Nodal

React Native App designed to allow university students easy and effective ways of joining teams for competitions that they may be interested in.

Alt Text

Setup

To view, make sure you are using Xcode (ios), Android SDK (android), and npm or yarn.

Download repo then,

Setup firebase database.

  1. Firestore
  1. Authentication
  1. Make a file named .env in the root of your project directory and add values for these environment variables
API_KEY=XXXXXXXXXXXXXXXXXXXXX
AUTH_DOMAIN=XXXXXXXX.firebaseapp.com
DATABASE_URL=https://XXXXXX.firebaseio.com
PROJECT_ID=XXXXXX
STORAGE_BUCKET=XXXXXXX.appspot.com
MESSAGING_SENDER_ID=XXXXXXXXXX

In root run:

  npm install

or

  yarn

For remote debugger:

  npm run debug

To Run on ios

  react-native run-ios --simulator "iPhone 6"

Technology used:

  • React native
  • Redux
  • Redux Thunk
  • React Native Navigation
  • Google Firebase FireStore database
  • React Native Imagepicker
  • React Native Read-more-text
  • React Native Slider
  • React Native dotenv
  • React Native Immutability-helper

Authors

Development Team:

  • Ian Hitchcock
  • Qingxin Yuan
  • Nathan Moseley

References

Starter for this project provided by Red Academy.

All designs supplied by Shirley Zhou, Jenifer Wong, Lochlan Graham, Julian Tomlin, Liv Meek

React Native Imagepicker provided by:

https://github.com/react-community/react-native-image-picker

Branches

develop:

contains peer reviewed features

group-final

contains beta features that are a work in progress. (this is the danger zone (or the fun zone))

TODO:

features

  1. Team chat and user to user chat
  2. Search functionality and search screen for searching teams/users/competitions
  3. Favourite functionality to favourite chats/competitions
  4. Featured competition
  5. We suggest building a partner web app with an admin facing side connected to the same database to add competitions
  6. Payment linked to app

bug fixes

  1. More robust frontend for matching (create team, navigation)
  2. Ability to remove skills chips in edit profile screen
  3. Ability to leave a team
  4. Animation glitch in the matching sliders (We think this is an issue with react-native-slider package)
  5. Refactor redux to cache more network requests.

nodal-winter-2018's People

Contributors

10thfloor avatar ianhitchcock avatar mandiwise avatar ncmoseley avatar qingxin-yuan avatar siddharthparmar7 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

nodal-winter-2018's Issues

Edit profile UI

Second scene when users want to edit their profiles; push to root navigation stack

Add database fixtures

Add dummy data into firebaseDB: competitions with diff categories, some test users

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.