Skip to content

An instant messaging application I am proud to have made in one week after self teaching websockets. Further information can be found on the readME.

Notifications You must be signed in to change notification settings

CarlMenke/Send-Quick

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Send Quick Instant Messaging Application

Carl Menke

9/26/2022


Description

This is a full CRUD browser-based instant messaging application in React Redux, postgreSQL, Express.js, and Node.js which I coded in 8 days two weeks after being introduced to these languages.

Features

Usilizing Socket.io this Application demonstrates many of the same features as the most popular messaging applications.

  • Instant messaging, the message you send will appear on your friends screen with out the need for them to refresh their page.
  • Instant friend Request, When you send a friend request to a friend they will be prompted immediately with a choice to accept or deny that request.
  • Current typing, you will see a bubble if the friend you are messaging is typing.
  • View most recent messages, when viewing all of your contacts you can see the most recent and updated message they have sent to you.

Screenshots

Final Application Screenshots Optimized For Desktop:

Desktop

Final Application Screenshots Optimized For Desktop:

mobile mobile


Technologies

  • React.js
  • React-Redux
  • postgreSQL
  • sequelize
  • Express.js
  • Node.js
  • Javascript

Roadmap (Future Updates)

  • Add Games Typing Feature
  • Deploy on Heroku
  • Add Games Page
  • Add Clicking Competitiion Game
  • Add Connect 4
  • Further Optimize for mobile
  • Add Calling

Getting Started

The Entity Relationship Diagram and Component Hierarchy Diagram I used to develop this application can be found on my Trello Board

  1. Click on the icon in the top right to sign up or log in.
  2. Search for a friend of yours using the add friend button.
  3. Click on thier contact name to view your messages with the respective friend.

Credits

PNG ICONS: Icons

About

An instant messaging application I am proud to have made in one week after self teaching websockets. Further information can be found on the readME.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published