Back to all Bounties
Earn 4,500 ($45.00)
due 2 years ago
Completed
Quick: Replicate Page in Tailwind UI
replit143
Details
Applications
3
Discussion
This Bounty has been completed!
@replit143's review of @fredoist“Thanks for the great work! I’ll reach out for additional work in the future if thats okay with you :)”
5.0
Communication 5/5, Quality 5/5, Timeliness 5/5Bounty Description
Problem Description
Rebuild the chat UI from the screenshots below in tailwind using a html and a js file with no additional css other than plain tailwindcss.
Screenshots:
https://user-images.githubusercontent.com/2699745/233538095-8bcde231-e961-4e41-b403-322b6b3a0ff5.png
https://user-images.githubusercontent.com/2699745/233538169-70eee264-ebde-4c9f-be49-4c210527139b.png
https://user-images.githubusercontent.com/2699745/233538213-9a035dbc-6e6e-401e-9fec-01b1b232229c.png
Acceptance Criteria
- Replicate full page with tailwind classes as accurate as possible. (Use SVG icons, don't have to be perfect)
- Use tailwind transition classes for animations and vanilla JS to present a chat history drawer from the bottom of the page when clicking on
Chat History
. As well as the overlay to show remaining Queries