# ZGram

Flutter Social Mobile App Design for ZGram.
The functionalities for this app:
- login process
- making friends (following, followers)
- viewing the feed of the following friends
- viewing stories of the following friends
- uploading images to the user' account

## Screenshots

<table>
  <tr>
    <td>Login screen</td>
     <td>Sign Up screen</td>
     <td>Forgot password screen</td>
  </tr>
  <tr>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/login.png"></td>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/sign_up.png"></td>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/forgot.png"></td>
  </tr>
</table>

<table>
  <tr>
    <td>Home screen</td>
     <td>Home item comment UI</td>
     <td>Chat screen</td>
  </tr>
  <tr>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/home.png"></td>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/comments.png"></td>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/chats.png"></td>
  </tr>
</table>

<table>
  <tr>
    <td>Explore screen</td>
     <td>Profile screen</td>
     <td>Stories screen</td>
  </tr>
  <tr>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/explore.png"></td>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/profile.png"></td>
    <td><img src="https://github.com/KOSSHOH/messenger/blob/master/screenshots/stories.png"></td>
  </tr>
</table>