Collab-In

Collab-In is a real-time document collaboration and instant messaging tool.

link: https://collabin-21f76.firebaseapp.com/

Technologies

• React
  • React Router
  • React Redux
• Firebase
  • Cloud Firestore
  • Realtime Database
  • Authentication
  • Hosting
  • Storage
• Tools for development
  • Webpack
  • Babel
  • Git / GitHub
  • Jest

Features

Rich Text Editor (WYSIWYG)

It has icons for editing and formatting text. Users can control the appearance of their text while clicking buttons.

• Editing / Formatting functions
  • Undo
  • Change font-size
  • Change font-weight (Bold / Unbold)
  • Change font-style (Italic / Unitalic)
  • Change text color / background color
  • photo uploading
  • PDF file download

Instant Messaging

Users can chat and check group members at any time.

Real-time document editing

Multiple Users can editing on same documents and save changes of content automatically. Besides, they can check which users are online and share documents by copying URL or sending email.

• How to share docs?
  1. Copy URL then send others
  2. Send Email to others

then you can edit on the same document.

Customization of layout

Users can resize the chatroom.

Documents Management

Users can manage their documents. They also can delete documents, link to documents and change their personal photos in this page.

Member System

Users can sign in with their own email, or Google / Facebook account.

Responsive Web Design

It provides RWD for all sizes of popular device.

To-Do

• Improve compatibility for IOS system (font-size list)
• Resolve limitation of reading data on real-time editing