adarshaacharya / codetreats Goto Github PK

In-browser IDE for running, collaborating, saving and sharing code snippets.

Home Page: https://codetreats.herokuapp.com/

License: MIT License

HTML 0.73% CSS 3.88% TypeScript 95.15% JavaScript 0.18% Shell 0.06%

codetreats codeeditor ide mongodb typescript nodejs reactjs socket-io hacktoberfest heroku snippets hacktoberfest2021 hacktoberfest-accepted express monaco-editor

codetreats's Introduction

In-browser IDE for running, collaborating, saving and sharing code snippets.

⭐ Features

In-browser IDE with VS Code like text editor having features like auto-completion, code-formatting
8+ Programming Languages support
15+ Themes Support 🤯
Save snippets publicly with shareable link
Search snippets with title
Realtime Collaboration (unlimited users) 🔥
Realtime Chat 💥

⚠️ Website isn't mobile friendly and for best experience use Google Chrome.

📺 Prerequisites

Before running app locally make sure that you install following things:

Nodejs with npm or yarn installed
Mongodb as database.
Strongly recommended to use Robot 3T as MongoDB GUI for local database setup or simply use MongoDB Atlas and paste token in DATABASE_URI

🚀 Local Development

Step 1: Clone the repo

https://github.com/adarshaacharya/CodeTreats.git

Step 2: Install dependencies

Install both client and server dependencies

# Install dependencies for server
$ npm install

# Install dependencies for client
$ npm run client:install

Step 3: Configuration

Create .env file in project root dir
```
$ touch .env
```
Copy everything from .env.example as paste it in .env
Go to Glot signup page and create new account.
Then go to this page and copy & paste token in GLOT_TOKEN = <YOUR_TOKEN_HERE> in .env file.

Step 4: Usage

Now you can run the application by :

# Run the client & server with concurrently (for running full application)
$ npm run dev

# Run the Express server only
$ npm run server

# Run the React client only
$ npm run client

# Server runs on http://localhost:5000 and client on http://localhost:3000

⛵ Production Deployment

There is a Heroku post build script so that you do not have to compile your React frontend manually, it is done on the server. Simply push to Heroku and it will build and load the client index.html page

🤝 Contributing

Contributions, issues and feature requests are welcome. After cloning & setting up project locally, you can just submit a PR to this repo and it will be deployed once it's accepted.

⚠️ Note - Commit & PR Title :

It’s good to have descriptive commit messages so that other folks can make sense of what your commit is doing. This project uses Husky prevent bad git commit, git push and more 🐶 _woof!

Read conventional commits before making the commit message.

👏🏻 Show your support

Give a ⭐️ if you like the project!

👤 Author

📝 License

codetreats's People

Stargazers

Watchers

Forkers

skymach97 sarnav98 laptrinhvui000 awallish gomberg5264 iuriimattos2

codetreats's Issues

javascript input is not printed on console.

Describe the bug
javascript input is not printed on console.

To Reproduce
Steps to reproduce the behavior:

Go to CodeTreats
write this code

const readline = require("readline");
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

rl.question("What is your name ? ", function(name) {
    rl.question("Where do you live ? ", function(country) {
        console.log(`${name}, is a citizen of ${country}`);
        rl.close();
    });
});

rl.on("close", function() {
    console.log("\nBYE BYE !!!");
    process.exit(0);
});

select the javascript as language
See error

Expected behavior
It should take input and print it on console.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

OS: ubuntu 20.04
Browser :chrome

Additional context
This code works perfectly in my terminal.

Go to codeTreats
write this code

const http =require("http");

const server =http.createServer((req, res)=> {
    if (req.url === "/") {
        res.write("Hello Wrold");
        res.end();
    }
    if (req.url === "/number") {
        res.write(JSON.stringify([1, 2, 3], null, 1));
        res.end();
    }
});

server.listen(3200);

console.log("listening on port 3200...");

select Javascript as language

Expected behavior
Should give output listening on port 3200...