FACULTY OF COMPUTER SCIENCE &
ENGINEERING
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING
BACHELOR OF TECHNOLOGY
(COMPUTER SCIENCE & ENGINEERING)
(ACADEMIC SESSION: 2022-2026)
MAJOR PROJECT REPORT
ON
Code Craft
SaaS Online Code Editor Platform
Submitted in partial fulfillment of the requirements
for the award of the Degree of
BACHELOR OF TECHNOLOGY
Submitted By:
Ravina Dhaka
Registration No: 2022PUFCEBCEX12304
Project Guide:
Sakshi Sharma
Poornima University, Jaipur
2026
Candidate’s Declaration
I hereby declare that the project entitled “Code Craft - SaaS Online
Code Editor Platform” is submitted by me in partial fulfillment of the
requirements for the award of Bachelor of Technology in Computer Science
and Engineering at Poornima University, Jaipur.
The work presented in this report is original and has not been submitted
for any other degree or diploma.
Date: Signature
Ravina Dhaka
1
Certificate
This is to certify that the Major Project entitled “Code Craft - SaaS On-
line Code Editor Platform” submitted by Ravina Dhaka is a bonafide
work carried out under my supervision in partial fulfillment for the award of
Bachelor of Technology in Computer Science & Engineering.
Sakshi Sharma
(Project Guide)
Dr. Shikha Sharma
Head of Department
Dr. Ajay Khunteta
Dean
2
Acknowledgement
I would like to express my sincere gratitude to my project guide for providing
valuable guidance and support throughout the project.
I would also like to thank the faculty members of the Department of
Computer Science & Engineering for their encouragement and suggestions.
Finally, I would like to thank my friends and family for their constant
support and motivation.
3
Abstract
Code Craft is a cloud-based Software-as-a-Service (SaaS) online code editor
platform that allows developers to write, execute, and share code directly
from a web browser without installing any local development environment.
The platform supports multiple programming languages and integrates a
professional code editing experience using Monaco Editor. It enables users to
run code in real time through API-based execution services and provides fea-
tures such as syntax highlighting, theme customization, code snippet sharing,
and execution history tracking.
The system is developed using modern technologies such as [Link], Type-
Script, Convex backend services, and third-party APIs for code execution.
The platform also includes authentication and subscription features to dif-
ferentiate between free and premium users.
Overall, Code Craft provides an accessible and powerful development
environment that promotes learning, collaboration, and efficient software de-
velopment.
4
Contents
1 Introduction 6
1.1 Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.2 Problem Statement . . . . . . . . . . . . . . . . . . . . . . . . 6
1.3 Objectives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.4 Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
1.5 Future Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
2 Project Plan 8
2.1 Project Overview . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.2 Tools Used . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
2.3 Platform Used . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
3 Working of the Project 9
3.1 System Architecture . . . . . . . . . . . . . . . . . . . . . . . 9
3.2 Implementation . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.3 Code Execution . . . . . . . . . . . . . . . . . . . . . . . . . . 9
4 Conclusion 10
5 Future Work 11
6 References 12
5
Chapter 1
Introduction
1.1 Introduction
Code Craft is an online Integrated Development Environment (IDE) that
enables developers to write and execute code directly in a web browser.
1.2 Problem Statement
Traditional programming environments require installation and configuration
which can be time-consuming.
1.3 Objectives
• Develop a cloud based code editor
• Support multiple programming languages
• Provide real time code execution
• Enable code sharing among developers
1.4 Features
• Multi-language support
• Syntax highlighting
6
• Online execution
• Code sharing
1.5 Future Scope
Future enhancements may include collaborative coding, mobile support, and
advanced analytics.
7
Chapter 2
Project Plan
2.1 Project Overview
Code Craft aims to provide developers with a powerful online coding envi-
ronment.
2.2 Tools Used
• [Link]
• TypeScript
• Monaco Editor
• Convex Backend
• Clerk Authentication
2.3 Platform Used
Web based platform accessible from any browser.
8
Chapter 3
Working of the Project
3.1 System Architecture
The system follows a client-server architecture where the frontend communi-
cates with backend APIs.
3.2 Implementation
The frontend is developed using React and [Link] while backend services
are handled through Convex.
3.3 Code Execution
Code execution is handled through the Piston API which runs the code in
isolated environments.
9
Chapter 4
Conclusion
The project successfully demonstrates how a cloud based code editor can
simplify programming tasks and provide a collaborative environment for de-
velopers.
10
Chapter 5
Future Work
Future enhancements may include:
• Real time collaboration
• Mobile application
• AI code suggestions
11
Chapter 6
References
[1] [Link] Documentation.
Convex Backend Documentation.
Monaco Editor Documentation.
12