isasam/chatapp

Building a Chat Client - Codepath iOS Lab 4

Lab 4 - ChatApp

Chat Client is a Chat app using an open source Parse backend.

Time spent: 10 hours spent in total

User Stories

The following required user stories are complete:

• User can sign up and sign in to the login screen (+1pt)
• User sees alerts for login exceptions, i.e. "account already exists", "wrong credentials", etc. (+1pt)
• User can compose and send chat messages (+2pt)
• User can view a list of chat messages in chronological order (+2pt)
• Automatically Adjust Cell Size to Fit Text (+1pt)
• Username of chat author is displayed in each chat message (+2pt)
• Persist Logged in User (+1pt)

The following stretch user stories are implemented:

• User sees an activity indicator while waiting for authentication (+1pt)
• User can pull to refresh Chat feed (+1pt)
• Add an "Adorable Avatar" for each user by requesting an avatar from the Adorable Avatars API (+2pt)
• Chat Bubble Style Design (+3pt)
• Remove table view row outlines in viewDidLoad()
• Expand or contract the cell layout as needed to show the chat message author (user) if it exists (+2pt)

The following additional user stories are implemented:

• List anything else that you can get done to improve the app functionality! (+1-3pts)
• When User tap on Sign Up button a resgister View form appear, after registered he return automatically to the login view after a confirmed message.
• User can log Out session
• User can also send message with the return key

Please list two areas of the assignment you'd like to discuss further with your peers during the next class (examples include better ways to implement something, how to extend your app in certain ways, etc):

Video Walkthrough

Here's a walkthrough of implemented user stories:

GIF created with LiceCap.

Notes

Describe any challenges encountered while building the app.

License

Copyright [2018] [ISAAC]

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

http://www.apache.org/licenses/LICENSE-2.0

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.

chatapp's Issues

View a list of messages

• Setup the a TableView to display the Chat Messages
• Pull down all the messages from Parse:

Create a Login Screen

• Create a new View Controller (or rename the default one) called LoginViewController.
• Add the following views to the login screen Username and password
• New user can tap "Sign Up" button to sign up
• Existing user can tap "Login" button to login
• User sees an alert if either username or password field is empty when trying to sign up
• User sees an alert with error description if there is a problem during sign up or login

Optional Stories

• User sees an activity indicator while waiting for authentication.
• User can pull to refresh Chat feed
• Add an "Adorable Avatar" for each user by requesting an avatar from the Adorable Avatars API.
• Chat Bubble Style Design
• Expand or contract the cell layout as needed to show the chat message author (user) if it exists

Project Setup

• Create a new Xcode project
• Create a new project
• Add the Week 4 Lab - README Template to the bottom of your previous README.
• Add the Parse pod to your project
• In this lab, we'll be sharing a Parse Server that has already been created for us.

Associating Users with Messages

• When creating a new message, add a key called user

• Add a username label to the Chat cell to display the chat message author's username.

• When querying for messages, add an additional query parameter,

• set the username label to the user's username. Otherwise

Automatically Adjust Cell Size to Fit Text

• Set the Lines property of the label to

• Add Auto Layout constraints to pin the label at a fixed distance from the edges of the cell on all sides.

• Configure the table view to auto-resize it's rows height based on Auto Layout constraints within each cell.

Persist Logged in User

• On app launch, if current user is found in cache, user is taken directly to Chat Screen

Send a Chat message

• Create a new View Controller, "ChatViewController".
• Create a new file, "ChatViewController" as a subclass of UIViewController
• Embed the Chat View Controller in a Navigation Controller
• Create a Modal segue from the Login View Controller to the navigation controller.
• After a successful sign up or login from the Login View Controller, modally present the Chat View Controller programmatically.
• At the top of Chat View Controller, add a text field and a button to compose a new message
• When the user taps the "Send" button, create a new Message of type PFObject and save it to Parse