CodeCraft – Web-Based Code Editor

RAHUL KUMAR

Completed work

Software Engineer

Fullstack Engineer

Web Developer

React

Tailwind CSS

TypeScript

Computer Software

🧑‍💻 CodeCraft – Web-Based Code Editor

A sleek, fast, and responsive online code editor built with modern technologies. Ideal for developers, students, and educators looking to write, preview, and share code directly from the browser.

🌐 Live Demo: CodeCraft Online Editor 🔗 GitHub Repo: github.com/KUmarRahul001/code-craft-online-lab

🚀 Features

💡 Instant Code Preview (HTML, CSS, JS)

✨ Modern UI with responsive design

🔒 Safe and lightweight for any device

🛠️ Optimized performance with Vite and TypeScript

🔧 Tech Stack

React

TypeScript

Tailwind CSS

Vite

shadcn/ui

📦 Getting Started

Clone the project and run locally:

git clone https://github.com/KUmarRahul001/code-craft-online-lab.git
cd code-craft-online-lab
npm install
npm run dev

Then open http://localhost:5173 in your browser.

🌍 Deployment

The project is deployed via Netlify. You can fork the repo and connect your own Netlify account for instant deployment.

📄 License

This project is licensed under the MIT License.

🙌 Credits

Made with ❤️ by Rahul Kumar

Feel free to fork, improve, and build upon it.

Like this project

Completed work

Posted Jun 27, 2025

CodeCraft is a responsive online code editor that lets users write, preview, and share HTML, CSS, and JS code instantly in the browser.

Likes

Views

Timeline

Nov 9, 2023 - Mar 21, 2024