📯🎉ChromaCore: Chatbot Interface Wizard 🎉

I have built a 🤖 Chatbot interface wizard providing a variety of themes for your chatbot and is live on Vercel.

I am happy to announce that the ChromaCore project is now live on Vercel! 🚀

Here is the live preview: ChromaCore 🌐

Visit the website and explore the themes you wish to purchase. 🎨

Here is detailed repository for the same: chromacore 📚

How I deployed the website on Vercel: 🛠️

  1. Install Vercel CLI 💻 
npm install -g vercel
  1. Login to Vercel 🔑 
vercel login
  1. Configure Deployment ⚙️
    • Create a vercel.json file in your project root with the following configuration: 
{
     "version": 2,
     "builds": [
       {
         "src": "**/*.html",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.css",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.js",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.png",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.jpg",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.jpeg",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.gif",
         "use": "@vercel/static"
       },
       {
         "src": "**/*.svg",
         "use": "@vercel/static"
       }
     ],
     "routes": [
       {
         "src": "/(.*)",
         "dest": "/$1"
       }
     ]
   }
  1. Deploy to Production 🚀 
vercel --prod
  1. Follow the Prompts 📝
    • Choose "Y" to set up and deploy ✅
    • Select your scope (personal or organization) 👥
    • Choose "N" for linking to existing project ❌
    • Enter your project name (e.g., "chromacore") ✏️
    • Press Enter to use current directory ↩️
    • Choose "N" to not override settings ❌
    • Choose "Y" to deploy to production ✅

The configuration ensures: ✅

  • All theme directories are included in deployment 📁
  • All file types (HTML, CSS, JS, images) are handled correctly 📄
  • Directory structure is maintained 🗂️
  • Proper routing for theme directories 🛣️

Your site will be available at: https://[your-project-name].vercel.app 🌐