Abstract

• CodeVit is a code editor and compiler supporting JavaScript, C++, Python and Java.
• Used NextJS with TypeScript for building this project.
• Used AceEditor to build the code editor, reference: https://github.com/ajaxorg/ace
• Used Glot API to run the code, reference: https://github.com/glotcode/docker-run
• Used Zustand for global state management, reference: https://github.com/pmndrs/zustand

Tech Stack

• NextJS
• TypeScript
• TailwindCSS
• Zustand

Requirements Specification

Functional Requirements

• Auto-completion suggestion for coding efficiency.
• Syntax highlighting for better readability.
• Support for multiple programming languages.
• Responsive design to accommodate various devices.

Non-Functional Requirements

• High availability and performance.
• User-friendly interface with customizable themes.

High-level designs

Conceptual Model

Deployment Diagram

Low-level designs

ER Diagram

Data Flow Diagram

Use Case Diagram

Class Diagram

Activity Diagram

Sequence Diagram