This is a single-page application website made with React that allows users to join a social network. Users can befriend each other, chat, and find other users.
- Page optimized for desktop full-screen.
- Application has a top navigation that allows the user to navigate to:
- Personal profile
- Page to view their list of friends, as well as other users who have requested their friendship.
- Page to view latest users and search for a specific user.
- Page that contains the various live chat rooms.
- Link that will enable the user to log out.
- In the personal profile, the user can upload a profile picture as well as add a small biography. User's current friends are displayed in a component.
- In the live chat component, users have different options:
- Talk to everyone, in a common chat room.
- Talk to a specific user on a channel only available for the two parties.
- Use their own channel as a note keeper space.
-
-
JavaScript, AWS S3, Node.js, Express.js, PostgreSQL, Socket.IO, React & Redux
Welcome Page
Login
Upload Profile Picture
Edit Bio
Friends and Friend Requests
User Search
Live Chat: online users
Live Chat: common chat room
Live Chat: private messages
Live Chat: personal notes
