/tweet-editor-example

A simple tweet editor coded by ChatGPT

Primary LanguageTypeScript

Tweet Editor Example

A simple tweet editor coded by ChatGPT. This app built with Next.js and Tailwind CSS.

ChatGPT Next.js App Router

Features:

  • Count the number of characters (turns red after 280 characters)
  • URLs are uniformly counted at 22 characters
  • The entered text will be displayed in a separate area
  • Hashtags (#abc), handles (@123), and URLs are displayed in blue
  • Copy text

Run Locally

  1. Clone the repo:
git clone https://github.com/komzweb/tweet-editor-example.git
  1. Install dependencies:
npm install
# or
yarn
# or
pnpm
  1. Run the server:
npm run dev
# or
yarn dev
# or
pnpm dev

Visit http://localhost:3000