Codewrite is a web-based code editor and development tool designed to help developers write, preview, and manage code efficiently.
It delivers a highly interactive experience with live editing, syntax highlighting, and workflow-focused features.
🔗 Live Demo: https://codewrite-chi.vercel.app/ :contentReference[oaicite:1]{index=1}
- 🖥️ Interactive Code Editing – A clean editor interface that lets you write and edit code in real time.
- ⚡ Live Preview (if enabled) – See your code results instantly (HTML/CSS/JS).
- 📂 Project Organization – Easy file navigation through folders like
publicandsrc. - 🛠️ Flexible & Lightweight – Minimal UI distractions, focused on productivity.
⭐ This is a versatile foundation — perfect for customization, learning, or building a full online IDE.
Codewrite/ ├── public/ # Static assets (images, icons, etc.) ├── src/ # Frontend source code │ ├── components/ # UI components │ ├── styles/ # CSS / styling │ └── index.js # App entry point ├── .gitignore # Ignored files for Git ├── README.md # Project overview ├── package.json # Dependencies & scripts └── package-lock.json # Version lock for dependencies
You can expand this section later with more subfolders and details as your project grows.
| Technology | Purpose |
|---|---|
| React | Component-based UI |
| Vite / Webpack | Fast bundling and development server |
| JavaScript (ES6+) | Core language |
| CSS | Styling and layout |
| Vercel | Hosting & deployment |
(Adjust if you’re using Next.js, TypeScript, Tailwind, etc.)
Follow these steps to run Codewrite locally:
Make sure you have the following installed:
- Node.js (v16+)
- npm or yarn
git clone https://github.com/anchalsahani/codewrite.git
cd codewrite
npm install
## 🗂 Repository Structure