Advanced Dontpad - Editor online without identity

Deploy on Heroku App: https://dontpad.herokuapp.com/

Examples:

• https://dontpad.herokuapp.com/github.com
• https://dontpad.herokuapp.com/python

• Don't login, just use a URL
• Don't save, any changes is auto-saved
• Format font-style, font-family, font-size, color
• Format paragraph, headings, code, align, list
• Insert link, image, table, video, file, symbol
• Support familiar and utility shortcut
• Support render to HTML code, Preview and Print
• Realtime, don't refresh page when your friends change
• Private, Security and No Advertising

Using ReactJS, Socket.IO (realtime), Froala Editor

Using NodeJS, Socket.IO (realtime)

Using Heroku (Host, Domain), MongoDB (mongoose), Mongo Atlas (Cloud)

• Clone source code to your local

git clone https://github.com/huynhsamha/dontpad.git

• Install npm packages

npm i
# or
yarn

At root of project

npm start
# or
yarn start

Now server is running on http://localhost:4200

At root of project

cd client/

npm start
# or
yarn start

Now we can open browser at http://localhost:3000.

At root of project

touch .env

Create file .env with the following line:

URI_MONGO=mongodb://localhost/dontpad

Change the URI Mongo for your production

At root of project, run server NodeJS at port 4200:

cd client/

### build frontend reactjs
npm run build
# or
yarn build

### start server nodejs
# return to root of project
cd ..

npm start
# or
yarn start

On your browser, open http://localhost:4200 to view the dontpad application

• Login or sign up new account on heroku
• Add new application
• At local, create new directory for heroku
• Copy directory server to the above directory
• Remove .git in new directory
• At new directory, initialize new git by git init
• At heroku, create new git for app
• Install heroku at local machine (if you haven't done yet)
• Login heroku account at local machine: heroku login (if you haven't done yet)
• Remote local to heroku by git remote add heroku [your git url]

• Login or sign up new account on Mongo Atlas
• Create new cluster and new database
• In the options (collections, users, ...) in tabs at new database, choose option users
• Create a new user with difficult password
• Get uri mongo on Atlas and change <dbuser> and <dbpassword> with new user created.
• Copy the uri to file .env at local directory
• Now you can commit and deploy to heroku

• Commit all changes and deploy to heroku:

git status
git add -A
git commit -m "first deploy"
git push heroku master

• Now, you can open the herokuapp to view your achievement.