Powered by AI | Built with React, TailwindCSS, Node.js
Synapse NirmaanAI helps eCommerce brands quickly generate brand-aligned landing pages using text prompts, brand inputs, and product images.
Go from idea → design → deploy within minutes.
- Generate landing pages using text prompts
- Upload product images and apply brand styles (colors, fonts, tone)
- Live code preview and editing
- Drag and drop sections
- Add animations using Framer Motion
- Export project files or deploy directly
- Frontend: React, TailwindCSS
- Backend: Node.js, Express
- AI Integration: Groq API
- Image Upload: Cloudinary
- Editor: Monaco Editor
- Live Preview: Sandpack
Follow these steps to set up and run the project locally:
git clone https://github.com/AbhishekS31/Synapse-NirmaanAI.git
cd Synapse-NirmaanAI
- Install Dependencies bash Copy Edit
npm install
or
bash Copy Edit
yarn install
- Set Up Environment Variables Create a .env file in the root directory and add the following keys:
env Copy Edit
GROQ_API_KEY=your_groq_api_key
CLOUDINARY_API_KEY=your_cloudinary_key
CLOUDINARY_CLOUD_NAME=your_cloudinary_name
CLOUDINARY_API_SECRET=your_cloudinary_secret
📌 Note: You can get these keys from Groq and Cloudinary.
- Run the Development Server bash Copy Edit
npm run dev
or
bash Copy Edit yarn dev Open your browser and visit: http://localhost:3000