ChatGPT-Writer-Assignment Tailwind Templates

Chatgpt Writer Assignment

This project is a Chrome extension designed for LinkedIn, utilizing Plasmo, React, TypeScript, and Tailwind CSS. It enhances user interaction by displaying an AI icon upon input field focus and providing a modal for executing various commands seamlessly. This assignment was provided by ChatGPT Writer as a Take Home Coding Assignment.

ChatGPT Writer Take-Home Coding Assignment

https://github.com/AryanBiswas198/ChatGPT-Writer-Assignment/assets/87803797/55e1ab35-c8e8-4bc2-84b7-3e242fb0b874

https://chatgptwriter.ai

This is a Plasmo extension project bootstrapped with command: pnpm create plasmo --with-tailwindcss.

Getting Started

  1. Install dependencies: pnpm i or pnp i

  2. 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.

Where to edit?

  • The main code is located in src/content.tsx. By default, when you run the extension, it displays a static count button on the LinkedIn website. You need to replace it with your own code.

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.

Top categories

Loading Svelte Themes