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

https://github.com/bartstc/paper-chat-client

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

context-api react slate styled-components

Last synced: about 1 year ago
JSON representation

Google docs clone with Slate.js

Awesome Lists containing this project

README

          

# 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).

Server side code for this project:
[Node.js, Express, Typescript](https://github.com/bartstc/paper-chat-server-typescript)

![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