https://github.com/amarnarayandwivedi/code-deck
Code-Deck(My personal Code Editor)
https://github.com/amarnarayandwivedi/code-deck
Last synced: 7 months ago
JSON representation
Code-Deck(My personal Code Editor)
- Host: GitHub
- URL: https://github.com/amarnarayandwivedi/code-deck
- Owner: AmarNarayanDwivedi
- Created: 2025-03-10T21:15:57.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-10T21:25:24.000Z (7 months ago)
- Last Synced: 2025-03-10T22:25:47.467Z (7 months ago)
- Language: JavaScript
- Size: 561 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Code Deck | An Online IDE
## Interface
## Demo
https://drive.google.com/file/d/1yhju0O6ZVF-ScT-iadtloGiRIZS7O_pd/view?usp=sharing
## Project Objective
1. Create a playground area where one can create multiple code snippets and run it using an online compiler and execution system(Judge0)
2. Create a Code Editor Frontend using ReactJS (CodeMirror package)
3. Implemented flexible layout structure using styled components
4. Use Rapid API to setup our Judge0 API
5. Add multi-language support (cpp, python, java, javascript)
6. Add multi-theme support
7. Upload and Download Code
8. Input and Output console(can upload text files for input & download output)
9. Functionality to save multiple playground in local storage
10. Add Fullscreen Support
## Technologies Used
- React JS - for frontend
- Styled Components - for styling
- Judge0 CE API - to create and get submissions
- Rapid API - to Setup Judge0 CE API
- Axios - to make API calls
- React Router - For routing
# Link & References
- [Judge0 CE API Testing](https://rapidapi.com/judge0-official/api/judge0-ce)
- [Judge0 CE API Documentation](https://ce.judge0.com/)
- [Styled Component Documentation](https://styled-components.com/docs/basics) -> for styling
- [CodeMirror](https://uiwjs.github.io/react-codemirror/) -> for Coding Editor
- [Vercel](https://vercel.com/) -> for hoisting