Code Monkey home page Code Monkey logo

beta-summer-2017's People

Contributors

10thfloor avatar codedavinci avatar cshingleton avatar ericliddle avatar lainera avatar soniasophia avatar tmclean85 avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

beta-summer-2017's Issues

Create Login Scene

The login screen asks for the user's:

  • First Name
  • Last Name
  • Email
  • Password

Plan Score Reducer

Plan the score reducer to gather the stats needed to populate the graph on the dashboard page.
This will require an understanding of:

  • what form the survey data will be in on submit.
  • read into transactions with Firebase

Create Survey Questions scene

For the surveys, the same style/component is used, but the questions and answers will change (logic in container).

Create Survey Popup Component

There are several pop-ups during and after answering the Survey Questions. These pop-ups will be used with the Solid Yellow Survey Buttons.

Create SignUp Scene

The Signup fields will be reused for the Edit Profile Scene as well. Once the user finishes signing up with their first name, last name, email and password, they will be redirected to the Edit Profile scene where they can also fill out their "Bio", "Things I'm Working On", Twitter, LinkedIn and Facebook links.

Fields for SignUp & Profile Scene:

  • First Name
  • Last Name
  • Email
  • Password

Add a routes file

Add a routes file that provide routing to all possible scenes within the app.

Firebase db

Research implementing firebase db into app.

Implement Survey Questions Logic

Build on the presentational components Charlie created for the survey scene and make it work functionally so that a form is submitted at the end of the scene pipeline.

Create the Dashboard scene

The My Speaker Dashboard scene shows the user's speaker skills over time per talk, which they can click each bar to see the skill graph.

Create the Home screen

The home screen shows the "Next Event" including the date, time, attendees and location of the talk.

Style single Event scene

This single event scene lists the speakers for the event including the topic and speaker.

This scene will also contain the "Attend Event" button.

Ensure Changes Have Been Discussed With Stakeholders

Changes to be made:

  • Create login scene
  • Signup Page w/full name & profile changes
  • Attending Event - Entering code when attempting to give feedback prior to the date of the talk.
  • Implement button for users to attend events as none currently exists.
  • Removed tags from survey and reduced number of survey pages (no additional comments field)
  • Verify how speaker goals are to be determined (we suggest adding them to edit profile)
  • No blog page/resources as they do not currently exist on the website.

Implement the Event Code Logic

To access the survey one must enter an event code. These are hardcoded into the db for each event. We need a method to match the user-input to the code in the db and if they match, allow access to the survey for that event.

Create a Loader component

Create the custom loader using the lightbulb from the main-screen. Assigning Sonia because she has experience with custom loaders from Lunch Buddies.

Create Events scene

The Events scene will list all of the upcoming Events with the following filtering options:

  • Past
  • Upcoming
  • Attended
  • My Talks

Investigate React Navigation

Based on current needs for tabnav, we are likely going to have to migrate to React Navigation from ExNavigation for their support of tabnavbar pop-ups. This will require further investigation.

Create Speaker scene with Give Feedback Button

This scene shows the information for an individual speaker of an event.

This page contains the "Give Feedback" button which will prompt the user to enter in the event code for access to the survey questions.

Create a global themes config

Themes config should include default settings for

  • colours
  • fonts
    in a similar manner as it was implemented in R10.

Add Eslint to Project

Create an eslint config file with custom rules to define standarized code across all teammates.

Implement ExNavigator Layout File

Implement routing using exNavigator to push and pop between each scene. This is not necessarily complex, just time consuming.

Dependant on Eric and Sonia providing me some boilerplate.

Implement Score Reducer

Implement the score reducer to parse form data and pass back into individual speaker to update stats.

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.