Welcome to my XYZ Chat! This web application is designed to provide a seamless and interactive chat experience. Built with modern technologies like React for the frontend, Express for the backend, and Clerk for user authentication, it integrates Firebase for real-time database operations.
Want to see our Chat App in action? Here's a snapshot of what you can expect:
To get started with our Chat App, you'll need to have Node.js installed on your machine. Once you have Node.js, you can clone the repository and install the dependencies.
- Clone the repository:
git clone <repository-url>- Navigate to the client directory and install the dependencies:
cd client
npm install- Do the same for the server directory:
cd ../server
npm installTo run the application, you'll need to start both the client and the server.
In the client directory, run:
npm startThis will start the React application in development mode. Open http://localhost:3000 to view it in the browser.
In the server directory, run:
npm startThis will compile the TypeScript files and start the Express server on http://localhost:3001.
- Real-time messaging 💬
- User authentication and management 🔒
- Responsive design for desktop and mobile devices 📲
When you're ready to build the client for production, run:
npm run buildThis will bundle the React app in production mode and optimize the build for the best performance.
We welcome contributions! If you find a bug or have a feature request, please open an issue. If you'd like to contribute code, please submit a pull request.
This open-source project is available under the MIT License.
Happy chatting! 🚀