<h1 align="center" style="font-weight: bold;">CoderTab 💻</h1> <p align="center"> <a href="#tech">Technologies</a> <a href="#started">Getting Started</a> <a href="#colab">Collaborators</a> <a href="#contribute">Contribute</a> </p> <p align="center">A full-fledged code editor From Writing code to running against test cases and tons of custom themes and sharing code text files. </p> <p align="center"> <a href="https://codertab.netlify.app/">📱 Visit this Project</a> </p> <h2 id="technologies">💻 Technologies</h2>

list of all technologies you used
Frontend Framework: React
Styling: Tailwind CSS
Code Editor: Monaco Editor
HTTP Requests: Axios
XML, JSON, Yaml data transform

<h2 id="layout">🎨 Layout</h2> <p align="center"> <img src="https://codertab.netlify.app/static/media/codeeditor.0b06cfd9491f4898c888.jpeg" alt="code_editor" width="400px"> <img src="https://codertab.netlify.app/static/media/jsoneditor.b30106eb5077962be8f4.jpeg" alt="jsonformatter" width="400px"> </p> <h2 id="started">🚀 Getting started</h2>

Here you describe how to run your project locally

<h3>Prerequisites</h3>

Here you list all prerequisites necessary for running your project. For example:

NodeJS
Git 2

<h3>Cloning</h3>

How to clone your project

git clone https://github.com/abhi9720/CoderTab.git

<h3>Starting</h3>

How to start your project

cd codertab
npm install

<h2 id="contribute">📫 Contribute</h2>

Here you will explain how other developers can contribute to your project. For example, explaining how can create their branches, which patterns to follow and how to open an pull request

git clone https://github.com/abhi9720/CoderTab.git
git checkout -b feature/NAME
Follow commit patterns
Open a Pull Request explaining the problem solved or feature made, if exists, append screenshot of visual modifications and wait for the review!

<h3>Documentations that might help</h3>

📝 How to create a Pull Request

💾 Commit pattern

CoderTab

Install / Use

README