Code Deck | An Online IDE

Demo

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
• Judge0 CE API Testing
• Judge0 CE API Documentation
• Styled Component Documentation -> for styling
• CodeMirror -> for Coding Editor
• Vercel -> for hoisting