A ChatGPT-like chat interface built with modern web technologies. This project was developed following the amazing React practical tutorial made by 知行小课.
- React - A JavaScript library for building user interfaces
- Next.js - The React Framework for Production
- Tailwind CSS - A utility-first CSS framework
- React icons - A library of icons for React
- Clean and intuitive chat interface
- Real-time message updates
- Responsive design for awesome UI/UX
- Interaction with current advanced LLM chatbots (such as GPT4 and DeepSeek v3)
This project serves as a hands-on learning experience to:
- Practice React and Next.js development
- Master Tailwind CSS styling
- Understand modern frontend architecture
- Implement real-world chat functionality
- Clone the repository
git clone https://github.com/echoyidotfun/chatgpt-app-by-react.git- Install dependencies
npm install- Start the development server
npm run dev- Open http://localhost:3000 with your browser to see the result.
This is a learning project created as part of React practical tutorial build by 知行小课. It is intended for educational purposes and practice. I highly recommend going to Bilibili to watch their courses for more detailed and in-depth learning.