Skip to content

Arinaymaybhaskar/CodeBase

Repository files navigation

icon

Online Code compiler, HTML CSS Javascript real-time environment, SVG Editor.

🔗 Links

linkedin

Hi, I'm Arinaymay! 👋

Hello, I'm an undergrad from Delhi Technological University (formerly DCE). I am majoring in Software Engineering. I am a highly passionate Full Stack developer who is a fast learner. My interests are web development, Database Engineering, Data Structures and algorithm and UI design and Research.

Demo

https://codebase-arinaymay.vercel.app/

Screenshots

App Screenshot 2 3

API Reference

You will require Judge0 for Code Compilation and OPENAI API for AI text generation.

🛠 Tech Stack and External Packages

ReactJS

TailwindCSS

Framer Motion

Monaco Editor

Lucide React

Features

  • Online Code Compilation
  • OpenAI powered AI code debugger.
  • Realtime HTML, CSS, Javascript coding environment.
  • SVG Editor
  • SVG Editor include options:
    • Upload SVG
    • Rename and Download SVG
    • Pinch to zoom SVG, center SVG
  • Text editor include options like :
    • Line Wrap
    • Font Size adjuster
    • Delete All
    • Copy Code
  • Responsive Across different Screen Sizes.

Installation

Install CodeBase with npm after cloning

  npm install 

create an .env file and add the enviroment variables

  REACT_APP_RAPID_API_HOST = 
  REACT_APP_RAPID_API_KEY = 
  REACT_APP_RAPID_API_URL = 
  REACT_APP_OPEN_AI_API_KEY = 

Run the server:

  npm run start

Environment Variables

To run this project, you will need to add the following environment variables to your .env file.

Parameter Type Description
REACT_APP_RAPID_API_KEY string Required. Your API key
REACT_APP_RAPID_API_HOST string judge0-ce.p.rapidapi.com
REACT_APP_RAPID_API_URL string https://judge0-ce.p.rapidapi.com/submissions
REACT_APP_OPEN_AI_API_KEY string Required. Your API key

Acknowledgements

Feedback

If you have any feedback, please reach out to me at arinaymay.bhaskar.7500@gmail.com

Contributing

Contributions are always welcome! Please feel free to fix any issues or add improvements in the application by forking the repository.

About

Made a code-editor for Basic Web development

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published