Skip to content

Latest commit

 

History

History
101 lines (64 loc) · 4.31 KB

README.md

File metadata and controls

101 lines (64 loc) · 4.31 KB

CHAT-APP-

CHAT-APP is an iOS app developed using swift5 with both light and dark mode to be able to chat with friends.

-The app is intuitive and make it easy to connect with your friends.
-Design pattern used : MVC.
-UI been developed programmatically and using storyboard.

Pods used :

  • Firebase/Auth: For authentication with email and password.
  • Firebase/Firestore: to store users informations.
  • Firebase/Storage: to store users profil pictures.
  • CLTypingLabel : For character by character typewriter animation in UILabel.

    App functionalities :

    • Create user using email, password and username.
    • Login with an existing user.
    • Complete registration by storing users infos.
    • Adding a user profil picture and compressing it before storing it in firebase storage.
    • Chat with someone.
    • Search for someone.
    • Log out.

    UI

    1)-Login and Register screen using segmented control to switch:

    Capture d’écran 2022-10-15 à 1 08 13 AM Capture d’écran 2022-10-15 à 1 08 28 AM Capture d’écran 2022-10-15 à 1 08 47 AM

    1.1)-Loading screen to wait for the creation of the user or to login:

    Capture d’écran 2022-10-15 à 1 14 04 AM

    2)-Compeletion of registration screen:

    -Filling user informations and adding a profil picture choosen from Library or by taking a live picture, the image can be cropped(edited) and will be compressed

    Capture d’écran 2022-10-15 à 1 11 44 AM Capture d’écran 2022-10-15 à 1 12 06 AM

    3)-Show Friends list screen:

    -Contains two states loading and success state, a loading shimmer is displayed at first before the retreival of the friends list.

    Capture d’écran 2022-10-15 à 1 23 47 AM Capture d’écran 2022-10-15 à 1 30 05 AM

    4)-Discussion screen:

    -By selecting a friend from the precedent interface to message him, we get this :

    1-1 2-2


    3-3 4-4

    5)-Let's try now to send a message:

    5-5

    The message will pop up in the conversation

    6-6

    AND YEAH WE HAVE JUST FINISHED DEVELOPING THIS SIMPLE CHAT APP...