chatgpt.dev

A modern, open-source ChatGPT clone built with TypeScript, React, and Vite. This project aims to replicate and extend the core ChatGPT user experience with an intuitive, fast, and developer-friendly interface.

✨ Features

🌐 Responsive Design — Mobile-first and desktop-ready UI

⚡ Lightning-Fast — Built with Vite for instant hot reloading and speedy builds

🤖 ChatGPT UI/UX — Chat interface modeled after OpenAI’s ChatGPT

💬 Message History — Persistent chat session memory (local/session storage or API-driven)

🧠 OpenAI API Integration — Easily plug in your API key and start chatting (can be extended to local LLMs too!)

📚 Prompt Templates — Save and reuse frequently used prompts

🌓 Dark/Light Mode — Switchable themes for better accessibility

🌍 Multilingual Support (Planned)

🔐 Authentication Support (Optional/Planned)

🧪 Unit & Integration Tests (Optional/Planned)

🚀 Quick Start

Prerequisites

• Node.js (version 16 or higher)
• npm or yarn package manager
• Git for version control

Installation

# Clone the repository
git clone https://github.com/imrajeevnayan/chatgpt.dev.git

# Navigate to the project directory
cd chatgpt.dev

# Install dependencies
npm install

# Or using yarn
yarn install

Usage

# Start the development server
vite

# Build for production
vite build

# Start production server
npm start

Visit http://localhost:3000 to view the application.

📜 Available Scripts

Script	Description
npm run dev	Start the development server
npm run build	Build the project for production
npm run lint	Run the linter
npm run preview	Preview the production build

📁 Project Structure

chatgpt.dev/
├── public/ # Static assets (favicon, images, etc.)
│ └── vite.svg
├── src/ # Application source code
│ ├── assets/ # Local images, fonts, icons
│ ├── components/ # Reusable React components
│ ├── pages/ # Page-level components
│ ├── App.jsx # Root React component
│ ├── main.jsx # Entry point (renders App into DOM)
│ └── index.css # Global styles
├── .gitignore
├── index.html # Main HTML template
├── package.json
├── vite.config.js # Vite configuration (with base set for GitHub Pages)
├── README.md
└── dist/ # Production build output (generated by npm run build)

🌐 Deployment (GitHub Pages)

We use gh-pages to deploy.

Add this to vite.config.js:

export default defineConfig({ base: '/chatgpt.dev/', })

Your site will be live at: https://imrajeevnayan.github.io/chatgpt.dev/

🛠️ Built With

• TypeScript - Primary programming language
• React - Application framework
• react - UI library
• typescript - Typed superset of JavaScript
• vite - Build tool

🤝 Contributing

We welcome contributions! Here's how you can help:

Development Process

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Make your changes
4. Add tests for your changes
5. Ensure all tests pass
6. Commit your changes (git commit -m 'Add some amazing feature')
7. Push to the branch (git push origin feature/amazing-feature)
8. Open a Pull Request

Code Style

• Follow the existing code style
• Run the linter before submitting: eslint .
• Write meaningful commit messages
• Add tests for new features

Reporting Issues

• Use the GitHub issue tracker
• Provide detailed information about the bug
• Include steps to reproduce the issue
• Add relevant labels

📄 License

This project is open source. Please check the repository for license information.

👥 Authors

• imrajeevnayan - Project Creator - @imrajeevnayan

🙏 Acknowledgments

• Thanks to all contributors who have helped shape this project
• Inspired by the open-source community
• Built with ❤️ and modern development practices

📊 Project Stats

• ⭐ Stars: 0
• 🍴 Forks: 0
• 🐛 Issues: 0
• 📝 Language: TypeScript

---

⭐️ If you found this project helpful, please give it a star!