Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/raheesahmed/blog-content-writer-saas

AI Blog Writer is an innovative tool designed to streamline the content creation process for professional and educational blogging. Leveraging the power of artificial intelligence, this application helps users generate outlines, suggest relevant statistics, and draft full articles based on given topics or keywords.
https://github.com/raheesahmed/blog-content-writer-saas

ai article article-generator article-writer fullstack-development gpt-4 gpt-4o-mini nextjs14 openai openai-api

Last synced: 9 days ago
JSON representation

Host: GitHub
URL: https://github.com/raheesahmed/blog-content-writer-saas
Owner: RaheesAhmed
License: mit
Created: 2024-08-08T02:25:11.000Z (3 months ago)
Default Branch: main
Last Pushed: 2024-08-08T02:51:28.000Z (3 months ago)
Last Synced: 2024-08-08T04:37:50.766Z (3 months ago)
Topics: ai, article, article-generator, article-writer, fullstack-development, gpt-4, gpt-4o-mini, nextjs14, openai, openai-api
Language: TypeScript
Homepage:
Size: 1.63 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# AI Blog Writer

## 🚧 Under Development 🚧

This project is currently in active development. Features may be incomplete or subject to change.

## Description

![AI Blog Writer](./public/screenshot.png)

User Dashboard

![AI Blog Writer](./public/dashboard.png)

## Features

- **Article Generation**: Create full-length articles on any given topic.
- **Customizable Content**: Tailor your content with options for:
- Article Type (Informative, Persuasive, How-To Guide, Listicle, Comparison)
- Target Audience (General, Professional, Academic, Technical)
- Word Count
- Tone (Neutral, Formal, Casual, Optimistic, Critical)
- **Markdown Support**: Generated articles are formatted in Markdown for easy editing and publishing.
- **Syntax Highlighting**: Code snippets within articles are automatically syntax-highlighted.
- **Copy to Clipboard**: Easily copy the generated article with a single click.
- **Responsive Design**: Seamless experience across desktop and mobile devices.

## Technology Stack

- Next.js 14
- React
- TypeScript
- Tailwind CSS
- React Markdown
- React Syntax Highlighter

## Setup and Installation

1. Clone the repository:
```
git clone https://github.com/RaheesAhmed/blog-content-writer-saas.git
```

2. Navigate to the project directory:
```
cd blog-content-writer-saas
```

3. Install dependencies:
```
npm install
```

rename the `.env.local` to `.env` and add following:

```
OPENAI_API_KEY=add your openai api key here
```

4. Run the development server:
```
npm run dev
```

5. Open [http://localhost:3000](http://localhost:3000) in your browser to see the application.

## Usage

1. Navigate to the "Draft Full Article" page.
2. Enter your article topic in the input field.
3. Select the article type and target audience from the dropdown menus.
4. (Optional) Adjust advanced settings like word count and tone.
5. Click "Generate Article" and wait for the AI to create your content.
6. The generated article will appear in the right panel, formatted in Markdown.
7. Use the copy button to easily copy the entire article to your clipboard.

## API Integration

The application is designed to work with a custom API endpoint for article generation. Ensure your API is set up and running at `http://localhost:3000/api/blog/write`.

## Contributing

As this project is under development, contributions are welcome. Please feel free to submit pull requests or create issues for bugs and feature requests.

## License

[MIT License](LICENSE)

## Contact

For any queries or suggestions, please open an issue in this repository.