Skip to content

A web application that helps developers generate code, explain code, and view output — powered by AI. It features a clean UI built with React, Tailwind CSS, and integrates the Monaco code editor for an in-browser coding experience.

Notifications You must be signed in to change notification settings

vikasyadavvvv/ReactAI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

🚀 React AI Code Generator

A web application that helps developers generate code, explain code, and view output — powered by AI.
It features a clean UI built with React, Tailwind CSS, and integrates the Monaco code editor for an in-browser coding experience.


Features

  • Generate code from natural language prompts
  • Explain existing code in simple language
  • View and run code output (frontend)
  • Sleek editor interface powered by Monaco Editor
  • Modern, responsive design with Tailwind CSS
  • Client-server architecture: React frontend communicates with backend via API

🛠 Tech Stack

  • Frontend: React, React Router, Tailwind CSS, React Icons, Axios
  • Backend: Node.js, Express.js, Gemini AI API (2.0 Flash)
  • Editor: @monaco-editor/react
  • Build tool: Vite with Tailwind plugin

About

A web application that helps developers generate code, explain code, and view output — powered by AI. It features a clean UI built with React, Tailwind CSS, and integrates the Monaco code editor for an in-browser coding experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages