cpwallah / codeEditor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Upto skills

created a basic stracture and setup components. our task is to create a browser editor.

Folder Structure


codeEditor/
├── assets/
│   ├── image-form.png
│   ├── image-lg.png
│   ├── image-md.png
│   ├── image-sm.png
│   ├── react.svg
├── src/
│   ├── api/
│   │   ├── api.js
│   ├── components/
│   │   ├── CodeEditor.jsx
│   │   ├── FilterQuestion.jsx
│   │   ├── Form.jsx
│   │   ├── LanguageSelector.jsx
│   │   ├── Output.jsx 
│   │   ├── Navbar.jsx    
│   │   ├── Problem.jsx
│   │   ├── ThemeToggle.jsx
│   ├── constants/
│   │   ├── constants.js
│   ├── page/
│   │   ├── EditorPage.jsx
│   ├── App.jsx
│   ├── index.css
│   ├── main.js 
│   ├── ThemeContext.jsx
│   ├── .eslintrc.cjs
│   ├── .gitignore
│   ├── index.html
│   ├── package-lock.json
│   ├── package.json
│   ├── postcss.config.js
│   ├── README.md
│   ├── tailwind.config.js
│   ├── vite.config.js

Current Design

Large Device Medium Device Small Device

form design

Form img

About


Languages

Language:JavaScript 98.6%Language:HTML 1.2%Language:CSS 0.2%