https://github.com/vishal-raj-1/code_deck
Code Deck: An online coding IDE
https://github.com/vishal-raj-1/code_deck
Last synced: 6 months ago
JSON representation
Code Deck: An online coding IDE
- Host: GitHub
- URL: https://github.com/vishal-raj-1/code_deck
- Owner: Vishal-raj-1
- Created: 2022-11-09T09:21:52.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-16T05:27:19.000Z (almost 2 years ago)
- Last Synced: 2025-03-24T18:52:36.963Z (7 months ago)
- Language: JavaScript
- Homepage: code-deck.vercel.app
- Size: 2.16 MB
- Stars: 24
- Watchers: 1
- Forks: 19
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Code Deck | An Online IDE
## Demo
[
](https://www.youtube.com/watch?v=mEFBdhQmpy4&t=3s&ab_channel=VishalRajput)
## 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
- [Live Project Link](https://code-deck.vercel.app/)
- [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