Skip to content

Susmita-Dey/CodeOpsEditor

Repository files navigation

☁️ CodeOpsEditor

The only online web-based code editor you need for your DevOps programming languages and few other languages.

It is built for WeMakeDevs x Napptive Hackathon.

💫 Behind the scenes of CodeOpsEditor

Developers often code in Visual Studio Code or online code editors like CodeSandox, Replit, Codepen, Programiz, GeeksForGeeks and other such coding platforms. But there are no DevOps based coding platforms or coding IDE which only supports those languages and useful for DevOps engineers.

We made it easy for people who are learning DevOps or a PRO in this field of tech. They can use their favorite theme and code in our beautiful online editor just by signing up.

For programmers, we have kept some languages like Java, Python, JavaScript, Typescript. They can use it seamlessly and increase their productivity level.

🌐 Tech Stack Used

  • Next.js
  • React.js
  • AOS animation library
  • Tailwind CSS
  • MongoDB
  • monaco-editor/react package
  • Judge0 API
  • Docker

✨ Features

Let's have a look at some of the interesting feature it offers:

  • Supports 10 programming languages such as Python, Java, Go, Scala, Rust, Ruby, Bash, Groovy, JavaScript, and TypeScript.
  • Provides 5 different beautiful themes.
  • Has autocomplete feature just like Visual Studio Code
  • Open Source software deployed on NAPPTIVE

🚀 Deployment

The Code Editor is successfully deployed using the Open Application Model on Kubernetes via the NAPPTIVE platform.

You can visit the deployed version here: https://codeops-editor.vercel.app/

🪲 Challenges we ran into

  • Configuring the Compiler
  • Fetching languages and themes API for the code editor
  • Implementing Open Application Model in deployment

📝 Our Learnings

  • Docker
  • Kubernetes concepts such as: Ingress, Persistent Volume, Custom Resource Definitions etc.
  • Deploying on Napptive playground
  • Building applications with Next.js and backend registration feature with MongoDB
  • Kubernetes
  • Open Application Model

📲 What's next for CodeOpsEditor?

We've many plans for this project to upgrade this project in the near future.

Some of them are listed below.

  • Adding new languages
  • Reduce compilation time
  • Adding proper E2E testing feature
  • Updating the UI to make it more beautiful
  • Add Google and GitHub OAuth features
  • An End-to-End CI/CD Workflow with the following tasks: (image below)
    • Listen to any code commit/push
    • Build a new docker and push to DockerHub
    • Deply the new release on NAPPTIVE

👨‍💻 How to run the application locally?

  • Be sure to follow the CONTRIBUTING guide to know more about setting & configuring the application!

🙌 Team

The building blocks of this project.


Susmita Dey

Kunal Verma

Tuhin Banerjee

Shivang Shandilya

🛡️ License

CodeOpsEditor is licensed under the MIT LICENSE - see the LICENSE file for details.

🙏 Support

This project needs a ⭐️ from you. Don't forget to leave a star ⭐️

built with love