GithubHelp home page GithubHelp logo

dawitlior / blog-ai-app Goto Github PK

View Code? Open in Web Editor NEW
10.0 2.0 1.0 12.33 MB

complete full-stack application built with Next.js 13.3 that automatically generates blog post content using ChatGPT.

Home Page: https://dawit-blog-ai.vercel.app/

TypeScript 98.70% CSS 0.16% JavaScript 1.14%
chatgpt-api nextjs13 prisma tiptap-editor typescript planetscale

blog-ai-app's Introduction

Blog-Ai-Application

Automatic Blog Post Generation with ChatGPT

Description

This project is a complete full-stack application built with Next.js 13.3 that automatically generates blog post content using ChatGPT. It utilizes the latest Next.js version with the app directory structure, Prisma as the ORM, TipTap for text editing, and TypeScript as the programming language. The application is deployed on Vercel.

Getting Started

Prerequisites

  • Node.js (v14 or higher)
  • npm (Node Package Manager)

Installation

  1. Clone the repository: git clone https://github.com/Dawitlior/blog-ai-app.git
  2. Navigate to the project directory: cd project-directory
  3. Install dependencies: npm install

Configuration

  1. Set up the environment variables required for the project.
  2. Configure the Prisma connection details in the .env file.

Running the Application

  1. Run the development server: npm run dev
  2. Open your browser and access the application at http://localhost:3000

Usage

  1. Access the application in your web browser.
  2. Create an account or log in to an existing account.
  3. Navigate to the blog post creation section.
  4. Start writing the blog post content in the user-friendly TipTap editor.
  5. Optionally, use the "Auto-generate" feature to automatically generate blog post content with ChatGPT.
  6. Review and edit the generated content as needed.
  7. Save the blog post and publish it to make it available to readers.

Deployment

The application is deployed for free on Vercel. Any changes pushed to the main branch will trigger an automatic deployment.

Features

  • Automatic generation of blog post content using ChatGPT
  • User-friendly text editing with TipTap
  • Seamless integration with Prisma as the ORM
  • Fully typed with TypeScript for enhanced reliability
  • Deployed for free on Vercel

Technologies Used

  • Next.js 13.3
  • Prisma (ORM)
  • TipTap (Text Editing)
  • TypeScript

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

  1. Fork the repository
  2. Create a new branch: git checkout -b feature/your-feature-name
  3. Make your changes and commit them: git commit -am 'Add some feature'
  4. Push the branch: git push origin feature/your-feature-name
  5. Submit a pull request

2023-07-01 (4)

Contact

If you have any questions, suggestions, or issues, please feel free to contact with me at [email protected]

Enjoy

  • Ai response in Progress

blog-ai-app's People

Contributors

dawitlior avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

solchef

blog-ai-app's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.