Chrome extension that links with web app
$200-350 USD
Em Andamento
Publicado há aproximadamente 1 ano
$200-350 USD
Pago na entrega
The Chrome extension can be built using JavaScript, HTML, and CSS. The JavaScript file would contain the logic for all the functionality, while the HTML and CSS would be used for the UI.
Here is a basic overview of the steps to build the Chrome extension:
Create a [login to view URL] file which would include information such as the name of the extension, version, background script, and permissions required.
Create the UI for the extension using HTML and CSS. This would include a text area for the user to input their text, a text area for the output, and a copy button.
Add event listeners for the keyboard shortcuts (Ctrl / Alt + C, Ctrl / Alt + E, Ctrl / Alt + S, etc.) using JavaScript. These event listeners would trigger the corresponding actions (correcting text, summarizing text, etc.).
Connect the extension to the ChatGPT API to retrieve the AI generated responses for each command.
Implement a login system to allow users to access premium features. This can be done using an extension frame window with options to login, view terms & privacy, about, dashboard, account, and logout.
Add context menus in the extension frame with the options specified.
Implement the ability to run commands in the text area within the extension window and display the output in a different text area.
Display keyboard shortcuts in a popup to guide the user.
Check the user's limits before running queries and prompt with error/upgrade messages when the limit is exhausted.
Display a message to the user if they cancel their subscription or run out of credits and provide a link to the subscription information page.
Implement a section in the extension frame for the user to save hashtags for the generate command.
Create a visual command strip above the text selection for the user to access commands easily.
This is a basic overview of how you can build a Chrome extension with the features you specified. If you have any questions or need clarification on any of the steps, feel free to ask.
Here is an example code to get you started:
[login to view URL]:
json
Copy code
{
"manifest_version": 2,
"name": "ChatGPT AI Writing Extension",
"version": "1.0",
"permissions": [
"activeTab",
"https://*.[login to view URL]*"
],
"background": {
"scripts": [
"[login to view URL]"
],
"persistent": false
},
"browser_action": {
"default_popup": "[login to view URL]"
}
}
[login to view URL]:
php
Copy code
<!DOCTYPE html>
<html>
<head>
<title>ChatGPT AI Writing Extension</title>
<style>
/* Add your CSS styles here */
</style>
</head>
<body>
<div id="input-area">
<textarea id="input"></textarea>
</div>
<div id="output-area">
<textarea id="output"></textarea>
</div>
<button id="copy-button">Copy</button>
</body>
<script src="[login to view URL]"></script>
</html>
[login to view URL]:
csharp
Copy code
// Keyboard shortcut event listeners
[login to view URL]('keydown', (event) => {
if ([login to view URL] && [login to view URL] === 'KeyC') {
correctText();
} else if ([login to view URL] && [login to view URL] === 'KeyE') {
expandText();
} else if ([login to view URL] && [login to view URL] === 'KeyS') {
summarizeText();
}
});
// Correct text function
function correctText() {
// Your code to correct the text
}
// Expand text function
function expandText() {
// Your code to expand the text
}
// Summarize text function
function summarizeText() {
// Your code to summarize the text
}
we'd like a web app to go with it
Part 1: Web part with a few simple pages linked to the extension part (HTML, CSS, PHP + JavaScript)
Component 1 - SIGNUP/LOGIN via Google or Email
Signup/Login Module
Component 2 - DASHBOARD
Payment, User and Account Management section is visible
Invite user - in which case invited user receives ultra simple email invitation with Join text that links them to the app signup
Delete user
Mark user as admin
Payment section is visible to user with personal plan and admin of business plan
ID do Projeto: 35951206
Sobre o projeto
13 propostas
Projeto remoto
Ativo há 1 ano
Quer ganhar algum dinheiro?
Benefícios de ofertar no Freelancer
Defina seu orçamento e seu prazo
Seja pago pelo seu trabalho
Descreva sua proposta
É grátis para se inscrever e fazer ofertas em trabalhos
0,0
0,0
13 freelancers estão ofertando em média $280 USD for esse trabalho
4,8
4,8
3,2
3,2
0,0
0,0
0,0
0,0
Sobre o cliente
Hong Kong, Hong Kong
6
Método de pagamento verificado
Membro desde mar. 2, 2014
Verificação do Cliente
Outros trabalhos deste cliente
$750-1500 USD
$30-250 USD
$250-750 USD
$250-750 USD
$10-30 USD
Trabalhos semelhantes
$250-750 AUD
$80-110 USD
£250-750 GBP
$10-16 USD
$10-30 USD
₹1500-12500 INR
₹1500-12500 INR
$250-750 USD
$250-750 AUD
$8-15 USD / hour
$30-250 USD
$10-100 AUD
$10-30 CAD
$30-250 USD
$30-250 USD
$10-30 USD
$10-30 USD
$30-250 USD
₹600-1500 INR
$10-100 AUD
Obrigado! Te enviamos um link por e-mail para que você possa reivindicar seu crédito gratuito.
Algo deu errado ao enviar seu e-mail. Por favor, tente novamente.
Não foi possível copiar para a área de transferência, por favor, tente novamente após ajustar suas permissões.
Copiado para a área de transferência.
Carregando pré-visualização
Permissão concedida para Geolocalização.
Sua sessão expirou e você foi desconectado. Por favor, faça login novamente.