Catalyst - front end

check out the server-side

Overview:

Motivational app for people that are lacking that extra push. Group of close friends post their goals that they want to commit to. Your friends vote for a ridiculous punishment for you if you don’t follow through. You have to ‘check-in’ to prove that you actually doing the work, else get punished!

_____Mobile First

Watch demo:

Screenshots:

Team Members & Roles:

• Itzik Shaoulian "The soul of the team, obviously"
• Aaron Gross "Bruce Willis of the team"
• Illia Chaban "Had to be motivated by the app to finish the app"

Technologies used:

• React
• PostgreSQL
• Redux
• Express.js
• JavaScript
• Node.js
• CSS
• Amazon EC2.

Code snippets:

class ProfilePage extends Component{
    async componentDidMount() {
        let { dispatch } = this.props;
        let response = await fetchMe();
        if (response.status === 200) {
            let user = await response.json();
            updateUserInfo({dispatch, user })
        }
    }

    render() {
        let { me, profileUserId, history } = this.props;

        return (
            <div>
                <ProfileIconPart userId={profileUserId} me={me} history={history}/>
                <ProfileGoals userId={profileUserId} me={me}/>
                <ProfileCheckins userId={profileUserId} me={me}/>
            </div>
        )
    }
}

export default connect(
    (state, props) => ({ 
        me: state.user,
        profileUserId: props.profileUserId,
        history: props.history,
    })
)(ProfilePage);