jasper-alternative-gpt - GitLite

KO | EN

gitlite — search

#javascript #python #react #llm #android #machine-learning #rust #java #windows #awesome #cli #security #mcp #open-source

jasper-alternative-gpt

(★ 311)

A Jasper alternative open source with ChatGPT

파일 탐색기

최종 버전 다운로드 (.zip)

- BuyIt.tsx
- Card.tsx
- CardGrid.tsx
- CategoryList.tsx
- GitHub.tsx
- GoproPopup.tsx
- InputComponent.tsx
- InputOutputComponent.tsx
- Layout.tsx
- OutputComponent.tsx
- Sidebar.tsx
- TemplateHeader.tsx
- Toast.tsx
- TypewriterText.tsx
- templates.tsx
- tmp.tsx
- - chatgpt.ts
- - [id].tsx
- _app.tsx
- _document.tsx
- index.tsx
- - buy now.png
  - coffee.png
  - jema-domain.png
  - jema-screenshot.png
  - Jemaai-logo.png
  - newsletter.png
  - spain.png
  - us.png
- 1-black.png
- 2-black.png
- ai2ui-logo.png
- ChatGPT_logo.svg
- Jemma.ai.png
- vercel.svg
- vercelLogo.png
- animations.css
- globals.css
- loading-dots.module.css
- typewriter-text.css
- OpenAIStream.ts
.env.example
.gitignore
i18n.ts
LICENSE
next-i18next.config.js
next.config.js
package-lock.json
package.json
postcss.config.js
README.md
tailwind.config.js
tsconfig.json
vercel.json

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="https://jema.ai">
    <img style="max-width: 400px;"  alt="logo" src="https://www.jema.ai/images/Jemaai-logo.png">
  </a>
</p>

<h1 align="center">Welcome to Jema.ai</h1>
<h2 align="center">Open source Jasper alternative.</h2>
<p align="center">
  <a href="https://opensource.org/licenses/MIT" target="_blank">
    <img alt="License: MIT License" src="https://img.shields.io/badge/License-MIT License-yellow.svg" />
  </a>
</p>

This project uses ChatGPT API to create almost any text based output for your need - from marketing content
to blog post ideas and a lot more. It uses simple template based components to ask ChatGPT for generating results
Creating new templates or tasks take about 30 mins. no more, so you can extend it for your needs or wait for new
template release :)

[![Jema.ai Jasper alternative](https://raw.githubusercontent.com/yuvalsuede/jasper-alternative-gpt/main/public/images/jema-screenshot.png)](https://jema.ai)

# [Jema.ai](https://jema.ai) Open Source Jasper alternative

## Get ahead of 99% of developers with AI 🚀

Stay updated, informed, and at the cutting edge of the AI revolution in development.

👉 [Subscribe to my newsletter](https://yuvalsuede.substack.com/)

Join the elite circle of developers leveraging AI tools and insights to supercharge their projects and careers.

## How it works

This project uses the [ChatGPT API](https://openai.com/api/)
and [Vercel Edge functions](https://vercel.com/features/edge-functions).
It takes a template for each action or command type, and based on the inputs and mission, it sends ChatGPT the commands
to get the required results.
The "command" field in each template is most important to tell ChatGPT what to do. In addition, you can add different
input types for each template if you wish to use additional parameters.
More template can be added to the `TEMPLATES` list.

## Add your own OpenAI API key and have your own Jema.ai

In order to work locally or deploy this project to Vercel, you need to set your OPENAI_API_KEY to use ChatGPT3 API.
Once added , this should work out of the box.

## Running Locally

This project is built with `Next.js` and `TailwindCSS`, so you can deploy it directly to Vercel.

After cloning the repo, go to [OpenAI](https://beta.openai.com/account/api-keys) to make an account and put your API key
in a file called `.env.local`(OPENAI_API_KEY)
Then, run the application in the command line and it will be available at `http://localhost:3000`.

```bash
npm install

yarn dev
```

## Changing ChatGPT prompts and requests

You can fine tune ChatGPT to your needs, give it any mission that you wish it to complete.
The basic message structure is as follows:

```javascript

const generateOutputHandler = async (template: Template, inputsData: { [key: string]: string }) => {
    const instruction = createInstruction(template.inputs, inputsData);
    const mainGoal = template.description;

const messages = [
        { role: "system", content: "You are a helpful assistant." },
        { role: "user", content: `Your task is: "${mainGoal}".\n\nHere are the details:\n${instruction}. 
            Please suggest 3 outputs. number them 1,2,3` },
    ];

try {
        const response: any = await openai.createChatCompletion({
            model: "gpt-3.5-turbo",
            // @ts-ignore
            messages: messages,
            temperature: 1,
        });

const reply = response?.data?.choices[0].message.content;
        setOutput(reply || '');

} catch (error) {
        console.log(error)
    }
};
```

## Who made this project

My name is [Yuval](https://www.linkedin.com/in/yuval-suede/) - an entrepreneur at heart , I ❤️ building end-to-end
systems that not only look amazing and feel state-of-the-art, but also have real meaning and impact.

You can contact me on Linkedin for any suggestions, questions or thoughts. 
https://www.linkedin.com/in/yuval-suede/

## 🤝 Contributing

Contributions, issues and feature requests are welcome!<br /> 
I will always appreciate a STAR and an attribution of the main demo [website](https://jema.ai)

* Fork the repository, Clone it on your device. That's it 🎉
* Finally make a pull request :)

# Get ahead of 99% of developers with AI 🚀

![get ahead](https://github.com/yuvalsuede/jasper-alternative-gpt/assets/1270865/dca1a747-5d91-43dd-9faa-2368ed2f88a6)

Stay updated, informed, and at the cutting edge of the AI revolution in development.

👉 [Subscribe to my newsletter](https://yuvalsuede.substack.com/)

Join the elite circle of developers leveraging AI tools and insights to supercharge their projects and careers.

## 📝 License

This project is [MIT License](https://opensource.org/licenses/MIT) licensed.