CodeCraft Studio Pro

Project Files

src

main.tsx

app.css

package.json

index.html

main.tsx

app.css

Monaco Editor will load here

Edit your code with full IntelliSense support

Terminal

$ npm run dev

Starting development server...

Vite server running at http://localhost:3000

Live Preview

Running

Live preview will appear here

Edit and save files to see changes

AI Assistant

You

Can you help me create a React button component?

AI Assistant

Sure! Here's a simple React button component:

const Button = ({ children, onClick }) => {'{'}
  return (
    <button onClick={onClick} className="px-4 py-2 bg-blue-500 text-white rounded">
      {'{'}children{'}'}
    </button>
  );
{'}'};