1. Set Up the Project
install dependencies:
npm install
2. Run the Application
Start the development server:
npm run dev
The app will be available at http://localhost:5173.
3 Assumptions & Design Decisions
- Component-Based Architecture: Key components like ConfigForm (settings input) and ChatPreview (live preview).
- State Management: Uses React’s useState for managing configurations.
- Styling: Tailwind CSS for responsive, utility-first styling. 4)Color & Image Configurations: file upload for images but the color code hex inputs are not editable , you have to select it from the sketch-picker.
4 Known Issues
- Some responsiveness improvements needed for very small/large screens.