Git Product home page Git Product logo

pair's Introduction

Welcome to Pair ๐Ÿ‘‹

  • Pair is a chatting application which allows coders to send messages in realtime.

visitors


General

Javascript HTML CSS

Technology and Frameworks Used:

ReactRedux Firebase Bootstrap

Pair was built with using React, Redux, Firebase Authentication, Firebase Realtime Database, Firebase Storage, and React-Bootstrap. Pair also utilizes React-markdown and React-Syntax-Highlighter to render code snippets in different programming languages.

Code Snippet

Project Contributors:

  • Peter Looney

How To Use:

Signup/Login

  1. To use Pair, please click this link and navigate to the signup page.
  2. Their are mutliple ways to sign up in Pair:
    1. Email and password
    2. Google
    3. GitHub
  3. To utilize the Google or GitHub sign up features, simply click the respective button and follow the directions in the popup.
  4. To utilize the email and password sign up features, simply add your preferred email and password into their respective text boxes on the page and click the sign up button.
  5. After successful signup you will be redirected to the chat page.
  6. Alternatively, if you have already signed up with Pair, you can navigate to the login page where you will see the same three options.

Navigating Chat Groups

  1. To start chatting, you must either subscribe to one of the already created chat groups, or create your own.
  2. To view the groups, click the button on the left hand side of the screen.
  3. Click the plus button on any group under the heading "Join a group" to subscribe to it.
  4. To view the chat for a specific group:
    1. You must first be subscribed to that group.
    2. Simply click on the groups name, two things will happen once clicked.
      1. The Group selection sidebar will close
      2. The Messages for the chat will appear in the screen to the right.
  5. To create a new group, the group sidebar must first be displayed.
  6. Find the section that says create a group
  7. Click in the text box and type in the preffered name for your group.
  8. Click add, and you will see the newly created group has been added to your current group section.

Sending Messages and Code Snippets

  1. Once you have have subscribed and clicked on a group you can start chatting.

  2. To send a message, find the text area towards the bottom right hand side of the chat page.

  3. Simply start typing and then hit the paper plane to send the message to the group.

  4. To send code snippets, they must utilize markdown's code block syntax.

  5. Alternatively, you could send snippets in regular text, but the syntax highlighting will not appear for the message.

  6. Here is an example of how to utilize the syntax highlighter.

    Which will render as:

Changing Profile Information

  1. To update profile information, click on the profile image that is located on the upper right hand corner of the chat page.

  2. Once clicked, a modal will appear where you can update your email address, displayed name, or profile picture.

pair's People

Contributors

plooney81 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.