☁️ 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