kapooraryan / code-editor-react Public

Notifications You must be signed in to change notification settings
Fork 0
Star 6

⚡Develop a code editor built using react that compiles and runs multiple programming languages with the added functionality of Google sign-in (Firebase Auth).

code-editor-react-alpha.vercel.app/

6 stars 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
public		public
src		src
.gitignore		.gitignore
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
sample.env		sample.env
tailwind.config.js		tailwind.config.js

Repository files navigation

Code Editor (React) - Project

Features

Compilation and Execution of multiple programming languages
Google sign-in using Firebase Authentication
Swithable themes for the Code Editor Window

Working

npm install
Generate API Keys for Judge0 (Rapid API) and store in a .env file
npm start

Tutorial Used

https://www.freecodecamp.org/news/how-to-build-react-based-code-editor/

Added Functionality

Google sign-in with Firebase Authentication.

About

⚡Develop a code editor built using react that compiles and runs multiple programming languages with the added functionality of Google sign-in (Firebase Auth).

code-editor-react-alpha.vercel.app/

reactjs firebase-auth monaco-editor judge0 tailwindcss

Report repository

Languages