ChatGPT Writer Task

The LinkedIn AI Reply Chrome Extension simplifies message replies on LinkedIn with dynamic AI assistance, featuring modal interaction for command input and response generation. Built with React, TypeScript, and Tailwind CSS, it evaluates candidates on problem-solving, design fidelity, and execution speed.

Screenshots

Show the AI icon when the user focuses on the LinkedIn message input field. The icon should disappear when the input field is no longer focused.

Display a center-aligned modal when clicking on the icon. Clicking anywhere outside this modal should close it.

The user can enter any command in the modal's input field.

Clicking on the “Generate” button should just display this dummy response: "Thank you for the opportunity! If you have any more questions or if there's anything else I can help you with, feel free to ask." The “Regenerate” button should be non-functional.

When the user clicks on the insert button, the generated static text should be inserted into the message input field.

Video Demonstration

demo.mp4

Getting Started

First, run the development server:

pnpm dev
# or
npm run dev

See how to load the extension: https://docs.plasmo.com/framework/workflows/dev#loading-the-extension

For further guidance, visit our Documentation.

Making production build

Run the following:

pnpm build
# or
npm run build

This should create a production bundle for your extension, ready to be zipped and published to the stores.

Technology Stack

• HTML5
• Tailwind CSS
• TypeScript
• ReactJS