Curate is a powerful Text-to-Website Generator that allows users with no coding experience to create responsive and fully functional websites using natural language prompts. With an intuitive user interface, seamless API integration, and AI-powered automation, Curate enables dynamic website generation and customization within 5 minutes.
This project is built to reduce the technical barriers faced by non-technical users while ensuring scalability, performance, and reliability.
- Natural Language Input – Convert text descriptions into fully functional websites.
- Live Responsive Preview – See real-time changes across various devices.
- Code Editor & Download – Modify the generated website code and export it.
- Authentication & Storage – Securely save and manage website projects.
🔗 curate25
- Built with React.js for dynamic UI.
- Styled using TailwindCSS for a scalable and responsive design.
- Uses HTML iframe tag for live previews.
- Developed using Node.js and Express.js.
- Auth0 Authentication for secure user login and project management.
- Secure database storage with MongoDB.
- Using Vite to bundle the generated React website for fast and efficient client-side rendering.
- Frontend hosted on Vercel.
- Backend deployed using Render.
- CI/CD Pipelines implemented via GitHub Actions for automated deployment.
Ensure you have the following installed:
- Node.js (Download: Node.js)
- MongoDB (for database storage)
- Git (for version control)
-
Clone the repository sh git clone https://github.com/ramdhankumar1425/Kriti25_ProductDev.git cd Kriti25_ProductDev
-
Install Server Dependencies sh cd server npm install
-
Install Client Dependencies sh cd client npm install
-
Set up environment variables
- Create a .env file inside both the client and server directories to store sensitive API credentials.
- Add the following variables:
For Frontend (client/.env): env VITE_SERVER_URI=http://localhost:5000 VITE_AUTH0_DOMAIN=<your_auth0_domain> VITE_AUTH0_CLIENT_ID=<your_auth0_client_id> VITE_AUTH0_AUDIENCE=<your_auth0_audience>
For Backend (server/.env): env CLIENT_URI=http://localhost:5173 AUTH0_AUDIENCE=<your_auth0_audience> AUTH0_ISSUER=<your_auth0_issuer> CLAUDE_API_KEY=<your_claude_api_key> MONGO_URI=<your_mongodb_connection_string>
-
Run the Server bash cd server npm start
-
Run the Client bash cd client npm run dev
-
Open in Browser bash http://localhost:5173
- Users describe their website ideas in plain English.
- Curate will generate a fully functional, responsive website tailored to their input.
- Allows users to see their website across different screen sizes.
- CSS media queries and TailwindCSS breakpoints ensure responsive design.
- Advanced users can modify the site’s code directly and export it.
- Uses Monaco Editor for syntax highlighting and easy modifications.
- Users can download their project as a ZIP file for offline use.
- To run the project locally after extraction:
npm install npm start
- Auth0 Authentication manages user login and secure access.
- MongoDB stores previous projects for easy retrieval.
Curate represents a significant step towards democratizing website development. By combining AI-driven automation with a user-friendly design, it empowers **both beginners and professionals to create customized, responsive websites effortlessly.