Skip to content
    Back to all Bounties

    Earn 4,500 ($45.00)

    Time Remainingdue 2 years ago
    Completed

    Quick: Replicate Page in Tailwind UI

    replit143
    replit143
    Posted 2 years ago
    This Bounty has been completed!
    @replit143's review of @fredoist
    5.0
    Average Rating
    Communication 5/5, Quality 5/5, Timeliness 5/5
    Thanks for the great work! I’ll reach out for additional work in the future if thats okay with you :)

    Bounty 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