Skip to content

Amazing ChatApp to connect with anyone and anywhere in the world.

License

Notifications You must be signed in to change notification settings

mahfuz0001/Chatify

Repository files navigation

Og Chatify

This project is a chatapp made in React with Typescript. The ultimate goal of this project was to discover Typescript and use Redux/Zustand. Also use and discover Supabase, as an online database to manage users and authentication.

This whole application took time, it was a thorough experience for me as I did the design before doing everything.

You can find more images in the screenshots section !

Documentation

On this chatapp the user can do almost anything that we normaly do in a chatapp like WhatsApp.

  • The user can authenticate himself using an email and a password
  • The user can register with a username, email and password
  • The user can add another user to chat with by adding his username
  • The user can modify his settings
  • The user can modify his profile picture
  • The user can modify his bio, username, and phone number
  • The user can send messages to another user
  • The user can delete messages
  • The user can send an image
  • The user can get notifications when receiving messages
  • The user can see if his messages has been seen or not
  • The user can see another user's profile
  • The user can logout
  • The user can see if another user is online or not

Future Optimizations

There won't be any further optimizations. As this is the last version that i will do on this project.

Screenshots

Login Page

App Screenshot

Homepage

App Screenshot

Chat Page

App Screenshot

User Settings Page

App Screenshot

Design Conception

App Screenshot

Authors

About

Amazing ChatApp to connect with anyone and anywhere in the world.

Topics

Resources

License

Stars

Watchers

Forks