Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/bartstc/paper-chat-server-typescript

Google docs clone with Slate.js
https://github.com/bartstc/paper-chat-server-typescript

express nodejs postgresql typeorm typescript

Last synced: 8 days ago
JSON representation

Google docs clone with Slate.js

Awesome Lists containing this project

README

        

*Server stack and structure inspired by [mwanago](https://github.com/mwanago/express-typescript) and Nest.js modular architecture.*

# Paper Chat

Fullstack app written in React, Express and TypeScript (backend). The application uses the Slate.js library to create a rich text editor. You can add, save, update and read documents. For now, the project is not finished, the end result is to be able to edit documents by many users live (simple google docks clone).

[Client side code for this project](https://github.com/bartstc/paper-chat-client)

![paper-chat](https://user-images.githubusercontent.com/42715741/61172198-5fe94c80-a581-11e9-9051-4ffe16294631.png)

## Software Used

* [React](https://reactjs.org/) with react hooks
* [Styled-components](https://www.styled-components.com/) for styles
* [Slate.js](https://www.slatejs.org/#/rich-text) framework for building rich text editors
* [Express](https://expressjs.com/) for server
* [Nest.js](https://nestjs.com/) for server
* [JSON Web Token](https://jwt.io/) for auth
* [TypeORM](https://typeorm.io/#/) ORM
* [PostgreSQL](https://www.postgresql.org/) database
* [Docker](https://www.docker.com/)

## Project Learning Goals

* Practice react hooks and ContextAPI
* Try Slate.js library
* Try Nest.js framework
* Try Node.js and Express with TypeScript
* Try Docker

## Preview

[Paper Chat](https://radiant-taiga-70232.herokuapp.com/)

## License

This project is licensed under the ISC License - see the [LICENSE.md](LICENSE.md) file for details