/Pathfiller-online-codeeditor-and-compiler

An interactive platform where users can code, execute with custom inputs, and sharpen their coding skills by solving a wide range of problems.

Primary LanguageTypeScript


Pathfiller

An interactive platform where users can code, execute with custom inputs, and sharpen their coding skills by solving a wide range of problems.

(*Hosted the application, but Azure credits just ended. Reviving it soon!)

Features

• Language support for C++, Java, Javascript, Go, Ruby and many more
• Pagination support
• Search functionality for questions
• Code mirror - For code editor space
• Vscode theme from codemirror

Tech Stack:

• Frontend: ReactJS
• Frontend Language: TypeScript
• Styling: TailwindCSS
• Component Library: Shadcn, Magic ui, Code mirror
• Routing: FetchAPI
• Backend: ExpressJS
• Database: MongoDB
• Message Queue: Bull
• Child_process: For executing OS Commands with NodeJS
• ORM: Mongoose
• Deployment: Vercel (Frontend)

Frontend Deployement Link: https://pathfillers.vercel.app/

HarshitPathfiller.final.mp4

image

image

Coding Playground

• A place where users can play with code.
• Users can code in a code editor and execute it with custom inputs.
• Users can see errors, output and metrics like execution time.

Coding Arena

• A place where users can practice their coding skills by solving various problems available on the platform.

Problem list page image

CodeArena page image

CodeArena when test case fails (under development) image

Flow Diagram for data flow

CodeArena

image

CodePlayground

image

Scalable and secure approach

image