Avatar byandrev

byandrev

Back to devlog

How the RPCIDE is Built

3min read

Explanation of How RPCIDE is Built and How It Works, Along with Its Core Components.

Introduction

RPCIDE is an IDE (Integrated Development Environment). It is built using various technologies such as React, NodeJS, Firebase, MongoDB, and many more.

Imagen que muestra la arquitectura del RPCIDE

Frontend

The frontend is built with React and TypeScript, using the ChakraUI library, which allows us to create components quickly and easily. For the code editor, we use the Monaco Editor library. The frontend is hosted on Vercel.

Backend

The backend uses NodeJS with TypeScript, and Express as the server framework. The backend is also hosted on Vercel.

For the database, we use Firestore, a NoSQL database offered by Firebase. It provides a generous free tier that is more than enough for RPCIDE’s current needs.

To execute code files, we use the Codex API, an API that allows us to run code in different programming languages using Docker and NodeJS. We maintain a fork of the API at Fork Codex API, which is deployed on fly.io. This fork will be improved over time to better suit RPCIDE’s specific needs.

We use Pino as the logger for the backend and logtail to visualize the logs.


Avatar byandrev

Andres Parra

I'm Andrés Parra, a Systems Engineer from UFPS in Cúcuta, Colombia. I specialize in Full Stack web development and lead RPCIDE, an online code editor for competitive programming. I work with technologies like React, Node.js, Python, and SQL/NoSQL databases. I'm also active in programming competitions and open-source projects. View all posts

Share this article on