speakbox-fall-2018's People
speakbox-fall-2018's Issues
install react-native-chart-kit
-install react-native-chart-kit
Make Default Screens
(all with conventional file structure)
- create a graph screen
- create logs screen
- create activity screen
- create community screen
Profile Screen
- create a profile screen file structure
- add user avatar
- add edit account button and link to the edit account screen
- add plant image with current age and future growth description
- hardcode reminders tabs (toggle, time(popup))
- add logout button
- finish styles
Community Forum Specific Topic Screens
- integrate with SpeakBox API
- create specific screen stacks
- create 'sort by' logic
- create question thread components
- styles
Loading Gif
- make loading gif component
- animate loading gif
- add loading gif where neccisary
Global Stylesheet
- include global fonts, font sizes, colours, spacing
Journal and Activity Logs
- sort entries and activities by month (first entry/activity at the bottom of page)
- display journal entry emotions
- display activity helpfulness level
- create journal entry button
- create profile icon on top right of screen
- styles
Onboarding Screen (instructions)
- hard-coded instructions on how to use app
- plant-care instructions
- styles
Onboarding Screen (reminder)
- set a reminder screen
- skip button
- doesn't connect to actual phone (no push notifications)
- connects to profile page on app (reminder time chosen is the same as the reminder time in profile)
- styles
Community Forum Question Thread Screen
- add a comment feature
- comment components
- styles
Forgot Password Screen
- final form
- email field with invalid email message if email is incorrect
- submit button
- back to login page button
- confirmation notification popup
- styles
Graph Screen
(ask about chart.js for graphs)
- add graph title
- add today graph with a link to this week graph and styles
- add this week graph with a link to today graph and styles
- install react-chips
- add all chips (joy, sadness, comfort, fear, esteem, shame, anger, calmness)
- add color to chips, graph lines, and bars
- add content to graphs
- filter graph by chips selected
- finish styles
Edit Account Screen
- add Edit account screen to Profile Screen stack
- add select avatar image link to modal
- add avatars to modal and style
- add account form (username, password, email, plant name)
- style form (hide password toggle)
- add confirm button link back to account screen
- finish all styles
Implement Realm for User Login
- implement realm for user login
- make sure tokens get stored
Realm
- store token for login
- store plant name
- store avatar
- store plant colour
- store journal streak
- store reminder time
Submit Journal Entry Popup
- add submit journal entry pop up
- add link to Profile screen
- add Awesome! title
- add plant (animate)
- add plant description
- add Journal/Plant Streak
- add do activity selection(Yes links to activity screen, Not Now links to graph screen)
- finish styles
add fonts
- quick sand (regular, light, heavy)
- avenir (regular, book, heavy)
Signup Screen
- final form for signup
- avatar upload
- password view toggle (on both enter and re-enter password)
- authentication
- submit button (takes user back to login page)
- signup error: "please enter a valid email address" etc
- styles
Create Journal Screen
- attach to navigation
- add functionality to link to 'Add Journal Entry Screen'
- styles
Create Global PropTypes file
- create a central file for proptype declaration
Add data from activities API into activities screen
- map images into scroll views on screen
- map activities description into activities detail page
Make SetAReminder Component work for on boarding
- add state to show content
- add state to show skip with link
Navigation return to main screen
- navigation to not return to last screen but instead return to main screen after exiting the screen.
Journal Entry Screen/Form in Journal Screen
- add streak counter
- add date
- add journal input
- add optional emotion hashtag input
- add photos input and connect with camera roll or phone camera feature
- add submit button
- add not now button
Add activity screen content
- create horizontal scrollview sliders
- add image assets
- add stacks for images
- styles
- any necessary logic
Add save activity function [waiting for realm]
- onpress save activity when on activity details screen
- onpress save activity when ending activity
Package Installing and Linking (DISCUSS WITH GROUP!)
- discuss packages needed
- julia adds, everyone installs
- YARN ADD
- react-native link packages
Community Forum Screen Content and Stacks
- integrate with SpeakBox API
- create forum topic screens- create privacy pop up modal stack
- create 'ask a question'stack
- styles
Journal streak/entry pop up functionality
- hook up API
- hook up realm
- add dynamic plants and streak days
Add assets icons into assets folder
add Splash Screen and App Icon
- add Splash Screen
- add App Icon
Add activity screen stack content: mind, body, social [too general needs to be more specific]
- instructions for activity
- buttons for do it now/save for later
- horizontal scroll view for other activities
- pop up after starting an activity
Community Forum Crisis pop up
- create pop up modal
User Login Screen
- final form for the login screen
- auth logic
- integrate SpeakBox API
- Forgot Password button (takes user to forgot password screen)
- styles
Create file structure
Create folders for:
- components
- context
- config
- navigation
- assets
- lib
Create main directory for JS files and folders and move App.js file into JS folder.
Community Forum All Stacks and Functionality
Navigation for Login/Signup Screens
- create navigation between login, forgot password, and signup screens
- styles
Context
- make tokenProvider
- make Profile Provider
- make add, delete, getAll for tokenProvider
- make update for avatar, name, password, email and plant name for profileProvider
- ensure all methods work
- clean up code
CSS GUY
- add all completed screens and components to this list
- UserLogin Screen and LoginForm Component
- style all screens and components on this list the same way
- ensure all styles accurately depict invision design
- delete each screen and component after completion until all are done
Assets
- add Assets Folder
- add Images Folder to Assets Folder
- add all Images from the design team to Images Folder
Add notification function for toggle to complete activity [unable to do push notifications]
- react native notification
- notification pop up when activity has started
- a button that ends activity from notification tab
Implement Realm to Profile and Edit Profile screens
- add realm with context to Profile Screen
- add realm with context to Edit Profile Screen
- go over both screens for final check
Mood Screens and logic
- add How are you feeling? title
- add smile face
- add mood slider
- animate smile face based on slider input
- add Add Emotions list with sliders
- style list
- submit button with a link to the journal entry screen
- finish styles
Add functionality in activity complete screen
- log activity when complete
- submit rating
- save on submit
Add activities modal
- Activity modal for "Do it now" button in activity details screen
Add Activity completed screen
- add activity rating slider
- submit button that saves activity
- ribbon logo
Onboarding Screen (plant)
- name the plant (final form)
- choose plant colour
- submit button
- styles
- hook plant name up to realm
Navigation tab bar and logic
- hook up react-navigation to screens
- create navigation tab bar
- styles
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.