Skip to content

PICode-Team/PICode-Client

Repository files navigation

PICode

Project-Integrated COllaborative Development Environment

What is the PICode?


PIcode is a web page that supports all development environments of the project so that users can collaborate without additional programs.

What's the difference from other IDEs?


Work without any external modules

If you are going to start a project, you need a program for document management function, chat function to communicate with team members, and issue management function in addition to the code editor. However, if you use PICode, you can use all of the above functions on just a single web page.

  • code edit function

codespacegif

  • chat function

chatspace

  • note function

module_note

Possible collaboration

Through PICode real-time communication, you can see in real time where your team members are working, what they are working on. Therefore, you can work on documents or codes with them, or you can discuss the team's work by chatting in real time.

collaborate_code

Visualization

Through container visualization, you can see all workspace structures and states. In addition, you can simply control network creation, container and network connection, and connection between containers by clicking nodes and buttons. Also you can turn on and off Container in this page.

container3

Work without changing environment

If you want to work in vscode editor, use the vscode extension supported by PICode. Connect with PICode server, input ID and password in the vscode extension. Once you login, select workspace then you can get the selected workspace codes and work in the vscode.

extension_vscode

Development Environment


  • Linux or related OS
  • Docker v20.X
  • npm v7.X
  • node v14.X

How to start PICode?


  1. Install all of our npm module on terminal ( npm i )
  2. Create .env file (essential)
  3. Enter in env file. (essential)
PORT=Front server port
NEXT_FE_API_URL=Backend server url
NEXT_PUBLIC_WS_PORT=Plz write websocket port you want 
NEXT_PUBLIC_WS_URL=Front end URL(not includes port, protocol)
NODE_ENV=production
  1. Enter npm run-script build on terminal
  2. Enter npm run-script start on terminal
  3. Enter the url on web browser and login
  4. it's worked!

Documentation


Documentation is on our website.

https://picode-team.github.io/picode-page/

CONTRIBUTE


If you want contribute our projcect, please read it!

contribute

LICENSE


license

Contact us


Nevation EunPyoLee1010 benovice wlsrn3684

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages