A simple and basic online chat support widget built with Next.js and TypeScript. This project serves as an initial front-end demo for online customer support interactions, with the flexibility to customize and style the interface further according to your needs.
- Simple Chat Widget: A floating support button that opens a chat window upon clicking. 🟢
- Responsive Design: Optimized for different screen sizes to ensure usability across devices. 📱💻
- Initial State Customization: Easily modify the button's appearance, chat window layout, and text elements. 🎨
- Built with Next.js & TypeScript: Utilizes Next.js for fast performance and modern development patterns with strong type safety. ⚡️
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/MiladJoodi/OnlineSupportSample.git
-
Navigate to the project directory:
cd OnlineSupportSample -
Install dependencies:
npm install # or yarn install -
Run the development server:
npm run dev # or yarn dev
The application should now be running on http://localhost:3000.
Feel free to modify and enhance the widget's design and functionality. This initial version is intended as a simple example, and you can tailor it to your specific requirements by adding features like:
- Real-time communication with a backend server ⚙️
- User authentication 🔐
- Enhanced chat styling ✨
- Additional chat functionalities (e.g., file upload, message status indicators) 📎
This project is licensed under the MIT License. You are free to use, modify, and distribute it as per the terms of the license.
If you found this project helpful or have any suggestions, please give it a ⭐️ on GitHub! 🙌