Coder Social home page Coder Social logo

tsongas / collabowrite Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dasmith1105/collabowrite

0.0 1.0 0.0 5.75 MB

A full-stack app for real-time group writing using React, Node.js & Pusher

Home Page: http://www.collabowrite.co/

JavaScript 99.43% HTML 0.12% CSS 0.45%

collabowrite's Introduction

#Collabowrite

Live link: https://collabowriteit.herokuapp.com/

##Screenshots of Collabowrite Screenshot of sample project

Screenshot of sample post structure

##Summary

"Collabowrite" is an app that allows people to work together real-time on sentence/paragrph-level writing for personal, professional, academic or business-related purposes. Users are able to create a project by providing of a context for the writing (and optionally an initial version to work from), then invite others to contribute by providing feedback, revisions, and/or new proposals.

"Collabowrite" keeps track of the development and progression of the project by chronologically organizing proposals for the writing, revisions, and discussions, and allows for optimized group work by highlighting any changes or additions from one version to another and displaying and notifying users of any new contributions real-time as they work together on the project.

The main features include the following:

(1) Real-time updates and notifications of new posts and comments

(2) A Mobile responsive interface to allow users to work from smartphones and tablets

(3) An on-click text-enlarging feature of posts and comments to make projects presentation/classroom-friendly.

(4) Easy account-free set-up enabled using randomly generated unique project access codes

##Technology

"Collabowrite" is a full-stack express application using React.js and Node.js for its front-end and back-end framework respectively and MongoDB for its database. All posts, forms, and comments are composed of components, which communicate data with each another via props and state. Axios is used to make calls to the REST API to save and display post Mongoose object data stored in a MongoDB database hosted on Mlab. The app uses Pusher (https://pusher.com) for real-time event triggering to display new posts and comments to all users in session. Lastly, Webpack and style loaders have been used to generate a bundle.js that combines all of the front-end javascript files and CSS stylesheets into one javascript file.

Live link: https://collabowriteit.herokuapp.com/

For any further questions, contact me at [email protected].

Cheers!

collabowrite's People

Contributors

tswpaik 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.