MGV’s

M. S. G. ARTS, SCIENCE AND COMMERCE COLLEGE

(Affiliated to SavitribaiPhule Pune University, Pune)
Malegaon Camp

A Project Report
on

ASTRA THE CODE EDITOR

Project report submitted in partial fulfillment of the requirement for

the award of the degree of Bachelor of Science in Computer
Science in
SavitribaiPhule Pune University

Submitted by

Dhamane Sujal Jitendra (Roll No. 64)

Wagh Dipak Mahadu (Roll No. 02)
Chaudhari Mohit Bharat(Roll No. 56)
Vyavahare Shubham Bharat(Roll No. 34)

Under the guidance of

Dr. Amit D. Kasliwal

(Assistant Professor, Comp. Sci. Department)

 CERTIFICATE

This is to certify that, the project entitled Astra The Code Editor

submitted to Computer Science Department, is a bona fide record

of work done by Dhamane Sujal Jitendra (Roll No. 64) Wagh Dipak

Mahadu (Roll No. 02) Chaudhari Mohit Bharat(Roll No. 56)

Vyavahare Shubham Bharat(Roll No. 34) Uni. Seat No. _______

under my supervision for the partial fulfillment of CS3611 – Project

Course in T. Y. B. Sc. (C. S.) during academic year 2024- 2025.

 ACKNOWLEDGEMENT

We take this opportunity to thank all those open handed persons

who rendered their full support to our work.

We express our gratitude to Principal Dr.S.N.Nikam for the

cooperation extended to the successful completion of the project.

In addition, with a lot of happiness, we are expressing gratitude to
Mr. D. J. Deore, Head of the Computer Science department, for his

timely and kind help. Also, his inspiration up to the last moment had
made things possible in a planned manner. We also thank our
teachers for their guidance and for providing us with the most
essential materials required for the completion of this project. We
are very thankful to our guide for his timely guidance.

Finally, we thank each and everyone who helped to complete our

project work with their cordial support.

Project Team Members

Dhamane Sujal Jitendra (Roll No. 64)

Wagh Dipak Mahadu (Roll No. 02)
Chaudhari Mohit Bharat(Roll No. 56)
Vyavahare Shubham Bharat(Roll No. 34)
 Title Page No

Abstract

1 Introduction to proposed 1–2

System
a. Motivation

b. Problem Statement

c . Objective

d. Project scope

e. Limitations

2 System Analysis 3-4

a. Existing System

b. Scope And Limitations Of

Existing System
c. Stokeholders

3 Requirement Analysis 4-7

a. FunctionalRequrements

b. Performance Requirements

c. Social Requirements

d. Data Collection

e. Software/ Hardware
Specification
4 System Design 7 – 16
a. Data Dictionary
 b. System Diagram

1. Entity Relationship Diagram

2. Class Diagram
3. UseCase Diagram
4. Activity Diagram
5. Sequence Diagram
6. Component Diagram
7. Deployment Diagram
5 System Implemantation 17 - 26
a. User Input Interface

b. Output Screen

c. Reports

6 System Testing 27 – 35
a. Defining Test Plan

b. Implementing Testing Strategy

1.Unit Testing

2.Black Box Testing

3. Alpha Testing

7 Conclusion And Future Plans 33

8 Bibliography And Reference 34
 1.Abstract :
PROJECT TITLE :- Astra The Code Editor

ABSTRACT :-

The goal of this Code Editor is to provide students with an intuitive

platform to easily learn coding languages while gradually enhancing
their development skills.

Project Development Specification :-

Fronted:- React js,Tailwind CSS

Backend :-Node js,Express js , Postgresql

PROJECT MEMBERS:-

Dhamane Sujal Jitendra (Roll No. 64)

Wagh Dipak Mahadu (Roll No. 02)
Chaudhari Mohit Bharat(Roll No. 56)
Vyavahare Shubham Bharat(Roll No. 34)
2.Introduction to Proposed
System
Overview Astra is a web application designed for programmers
and developers. It has three main sections: Snippets, PixelPen, and
Workspace. The goal is to make coding easier, faster, and more fun
by providing all the tools you need in one place.

Purpose Astra helps users to: Save and use code snippets in
different programming languages. Work on web-based projects
like in CodePen. Use a browser-based code editor with extra
features like profiles and stats.

Motivation :-

The idea for Astra comes from the challenges faced by developers
when working across multiple platforms and tools. Often,
developers waste time switching between code editors, searching
for reusable snippets, or debugging without real-time collaboration.
Astra solves these issues by: Providing a single platform for all
coding needs. Encouraging collaboration and learning with shared
workspaces. Helping users improve productivity with easy-to-use
tools and real-time feedback.
Problem Statement :- Developers often struggle with inefficiencies
caused by using multiple platforms for coding, collaboration, and
managing reusable code. This results in wasted time, scattered
resources, and reduced productivity. There is a need for an
integrated solution that provides all essential tools in one place.

Objective :- The main objective of Astra is to: Offer a unified

platform for coding, collaboration, and project management.
Simplify the process of storing, sharing, and using code snippets.
Provide an efficient browser-based code editor with real-time
execution capabilities. Enhance teamwork and productivity through
shared workspaces and team stats.

Project Scope:-

Project Scope Astra is designed to serve a wide range of users,

including: Students: Learning programming and web development
skills. Professionals: Developing projects and collaborating with
team members. Hobbyists: Experimenting with new ideas and
sharing them with the community. The platform will support:
Multiple programming languages for snippets and code execution.
Real-time previews for web development projects. User profiles and
stats to track coding activity and achievements. Team
collaboration tools for group projects.
 Limitations:-

While Astra aims to be a comprehensive platform, there are some

limitations: Browser Dependency: The platform relies heavily on
browser capabilities, which may not support certain advanced
features like intensive graphical processing or specialized
development environments. Performance Constraints: Running
code in a browser-based environment might be slower for complex
or resource-intensive tasks compared to local IDEs. Internet
Requirement: Astra requires a stable internet connection to function,
limiting its use in offline scenarios. Limited Support for Niche
Languages: Some lesser-used or highly specialized programming
languages may not be supported initially. Security Risks: As a
web-based platform, Astra must handle code execution securely to
prevent misuse or vulnerabilities.

System Analysis

Existing System The existing solutions in the market include

standalone code editors, snippet managers, and collaboration
tools. However, these systems have significant limitations:
Disjointed Tools: Developers must switch between multiple
platforms for writing code, managing snippets, and collaborating.
Limited Collaboration Features: Current systems often lack
real-time collaboration options tailored for developers. No
Centralized Snippet Storage: Reusable code snippets are scattered
across various tools or stored manually. Resource Intensive: Many
existing tools require high-end devices to operate efficiently.
Scope And Limitations Of Existing System :-

Scope: The existing systems are widely used by developers for

specific tasks like: Writing and debugging code in standalone
editors. Testing web-based projects on platforms like CodePen.
Managing code snippets using cloud-based storage solutions.
Collaborating using generic tools like Google Docs or Slack.
Limitations: Inefficiency: Time is wasted switching between tools.
Lack of Integration: Separate platforms create fragmentation,
reducing workflow efficiency. Access Issues: Some tools are
platform-dependent or require installation. Cost: Many existing
solutions are subscription-based and costly for students or
hobbyists. Limited Real-Time Features: Few platforms offer
real-time previews or collaboration specifically for coding.

Stackholders:-

1. Dhamane Sujal Jitendra (Roll No. 64)

2. Wagh Dipak Mahadu (Roll No. 02)

3. Chaudhari Mohit Bharat(Roll No. 56)

4. Vyavahare Shubham Bharat(Roll No. 34)
3.Requirement analysis
Input / Output: Users can input code snippets, project details, and
team information. The system outputs real-time previews,
execution results, and user stats.

Processing: The system retrieves, compiles, and executes code

snippets. Processes user inputs to display stats and manage user
profiles.

Storage Requirements: All user data, snippets, and project details

are stored securely in a database. Backup and retrieval
mechanisms ensure data safety and accessibility.

Control Requirements: The system provides alerts for errors like

missing fields or syntax issues. Ensures secure access to
user-specific data through authentication and authorization.

Performance Requirements:-

software's speed of response:-

Software's Speed of Response: Response time measures the

server response for every transaction or query. The system ensures
fast responses, with minimal delay between input and output.
Execution time is optimized for speed, making the system
responsive for end users. Storage Capacity: The system supports
storing large volumes of data, ensuring users can save extensive
code snippets and project details without constraints.

Social Requirements :- The system is designed to help students by

providing easy access to all necessary college information.Reduces
the need for external help, saving time for students.Encourages
independent learning and productivity.

Data Collection:- To study the system effectively, data collection

was conducted using four key methods:
1. Interview:
○ Interviews were conducted with students and stakeholders to
understand the processes and requirements.
○ Unstructured interviews allowed deeper insight into user needs
and challenges.
2. Questionnaire:
○ Questionnaires were used during initial and final phases to
gather data about the existing system and user expectations.
○ Numerical data was collected to fill gaps observed during
other research methods.
3. Record Review:
○ Relevant data was gathered from sources like computers,
tablets, and mobile devices.
○ Record reviews provided insights into the functionality and
requirements of similar systems.
4. Observation:
○ Direct observation of user activities highlighted practical
workflows and challenges.
○ This method provided real-world context, especially regarding
how teachers and students interact with documents and files.
Software/Hardware Specification:
1. Hardware Requirements:-

∙ Any device with chromium based browser

2. Software Requirements:-
Operating System: Windows 10 or higher macOS Catalina or higher
Linux (Ubuntu 20.04 or higher) Frontend: React.js: For building the
user interface. Tailwind CSS: For styling components. CodeMirror: As
the core of the code editor. Axios: For API requests. Backend:
Node.js: Server-side programming. Express.js: Routing and
middleware. Database: PostgreSQL: Relational database to store
user details, snippets, and project data.

pgAdmin: Database management tool for PostgreSQL.

Development Tools: Visual Studio Code: IDE for development.
Git: For version control.

Postman: For API testing.

Hosting and Deployment:Render or Vercel: For deploying the
application. Neon: Cloud-hosted PostgreSQL database. System
Architecture Components

Architecture: Defines the structure and behavior of the system.

Represented using flowcharts or diagrams.
Modules: Handle specific tasks, such as authentication, code
execution, and user management. Modular design ensures
scalability and ease of maintenance.
Components: Frontend Components: Login, Dashboard, Code
Editor, Profile.
Backend Components: Authentication, API routing, Database
management.
Interfaces: Shared APIs for frontend-backend communication.
RESTful endpoints for seamless data exchange.
Data: Manages information flow between frontend, backend, and
database. Ensures smooth operation and data integrity.