https://github.com/codemaster17/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.
https://github.com/codemaster17/pathfiller-online-codeeditor-and-compiler

azure bullmq code-mirror docker expressjs github-actions reactjs redis shadcn-ui tailwindcss

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/codemaster17/pathfiller-online-codeeditor-and-compiler
• Owner: CodeMaster17
• Created: 2024-08-06T16:15:05.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2025-01-03T17:49:21.000Z (6 months ago)
• Last Synced: 2025-03-28T11:39:13.270Z (3 months ago)
• Topics: azure, bullmq, code-mirror, docker, expressjs, github-actions, reactjs, redis, shadcn-ui, tailwindcss
• Language: TypeScript
• Homepage: https://pathfillers.vercel.app
• Size: 20.2 MB
• Stars: 0
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



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/

https://github.com/user-attachments/assets/8384e4c2-d656-4266-9e5c-71e967f2f60a

![image](https://github.com/user-attachments/assets/6742bdee-ea0c-4325-b891-59e6f96ff5fa)

![image](https://github.com/user-attachments/assets/da970582-5923-4437-b5b1-9ab2dadfe67f)

### 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](https://github.com/user-attachments/assets/6dd99e66-8ac7-46ce-9004-f3b7ed5e849b)

CodeArena page

![image](https://github.com/user-attachments/assets/2bf6c9dd-6ca7-40e8-9877-5259d054fb29)

CodeArena when test case fails (under development)

![image](https://github.com/user-attachments/assets/5893d549-9415-4589-bef4-b3f81d3952c1)

### Flow Diagram for data flow

#### CodeArena

![image](https://github.com/user-attachments/assets/09d68f1e-925b-4828-ba80-0ecdf0c1570b)

#### CodePlayground

![image](https://github.com/user-attachments/assets/07e38dc0-0de4-40c4-ba9a-4f1fe68f48ec)

#### Scalable and secure approach

![image](https://github.com/user-attachments/assets/88e1019a-9638-4d60-8e0b-89cf169d53bb)