React Front-End for AI Chatbot
Budget: ₹600 – ₹1,500 INR
The chat logic and APIs are already live; what I am missing is the polished front-end that will let users actually enjoy the experience. I would like the interface built with React (or plain Node JS with a lightweight view layer if you feel that is cleaner) and tuned so it feels just as smooth on mobile as it does on desktop.
I picture an interactive layout: the message area grows and shrinks fluidly, subtle animations acknowledge each bot response, and a single, central text box lets users type with autocomplete suggestions popping up as they go. The backend returns both streaming and complete responses, so the UI should be able to handle real-time token updates, typing indicators, and graceful error states.
You’ll get:
• A Postman collection of the REST endpoints and an auth token
• Wireframes showing the desired flow
I need you to deliver:
• A React (or Node-JS-flavoured) SPA that calls my endpoints, renders messages, and supports autocomplete in the input field
• Responsive styling that keeps parity between desktop and handset sizes
• Clear README instructions to run locally and build for production
Keep the code clean, comment where non-obvious, and leverage modern tooling—TypeScript, Vite, Tailwind, or similar—if that speeds you up. Once the build runs without errors and I can chat end-to-end from both a laptop browser and a phone, I’ll consider the milestone complete.
I picture an interactive layout: the message area grows and shrinks fluidly, subtle animations acknowledge each bot response, and a single, central text box lets users type with autocomplete suggestions popping up as they go. The backend returns both streaming and complete responses, so the UI should be able to handle real-time token updates, typing indicators, and graceful error states.
You’ll get:
• A Postman collection of the REST endpoints and an auth token
• Wireframes showing the desired flow
I need you to deliver:
• A React (or Node-JS-flavoured) SPA that calls my endpoints, renders messages, and supports autocomplete in the input field
• Responsive styling that keeps parity between desktop and handset sizes
• Clear README instructions to run locally and build for production
Keep the code clean, comment where non-obvious, and leverage modern tooling—TypeScript, Vite, Tailwind, or similar—if that speeds you up. Once the build runs without errors and I can chat end-to-end from both a laptop browser and a phone, I’ll consider the milestone complete.