CoolFace
Apppublic

VSRAJHAVEL/Neural-Ai

sourceHugging Faceupdated 5mo agoView on Hugging Face
0likes
App README

Neural AI - AI-Powered Website Builder

Neural AI is an intelligent web application that empowers users to build, design, and optimize websites using AI-driven tools. It features a responsive React-based builder with a drag-and-drop interface, real-time preview, MongoDB persistence, and Groq-powered AI services.

[image]

✨ Features

  • —🎨 Drag-and-Drop Builder - Intuitive interface to create and edit website components.
  • —👁️ Real-Time Preview - See changes instantly as you build.
  • —🤖 AI Code Generation - Generate optimized React components using Groq API.
  • —⚡ Code Optimization - Improve existing code with AI suggestions.
  • —💬 AI Chat Assistant - Get instant help and design suggestions from AI.
  • —🔐 User Authentication - Secure JWT-based authentication.
  • —📦 MongoDB Integration - Reliable data persistence with MongoDB Atlas.
  • —🚀 One-Click Deployment - Optimized for Hugging Face Spaces.

🚀 Quick Start (Local Development)

Prerequisites

  • —Node.js 18+
  • —MongoDB (local or Atlas)

Setup

  1. 1.Clone and Install
bash
git clone https://github.com/VSRAJHAVEL/neural-ai.git
cd neural-ai
npm install
  1. 1.Configure Environment Create a .env file in the root directory:
env
MONGODB_URI=your_mongodb_atlas_uri
GROQ_API_KEY=your_groq_api_key
NODE_ENV=development
  1. 1.Run App
bash
npm run dev

Open http://localhost:5173 in your browser.

🌐 Deployment to Hugging Face

This project is optimized for deployment as a Hugging Face Space using Docker.

  1. 1.Create a new Space on Hugging Face and select Docker as the SDK.
  2. 2.Add Secrets in the Space settings:
  3. 3.MONGODB_URI: Your MongoDB Atlas connection string.
  4. 4.GROQ_API_KEY: Your Groq API key.
  5. 5.NODE_ENV: production
  6. 6.Sync your GitHub repository to the Space. The included GitHub Action will automatically handle deployments.

🛠️ Tech Stack

  • —Frontend: React 18, Vite, TypeScript, Tailwind CSS, Shadcn UI.
  • —Backend: Express.js, TypeScript.
  • —Database: MongoDB (Atlas).
  • —AI: Groq API (Llama models).

👨‍💻 Author

VS Rajhavel - @VSRAJHAVEL

Built with ❤️ using React, Express, and MongoDB