Talkely is a real-time chat application that allows users to connect and chat with others live. Designed with a sleek, responsive interface and powered by modern technologies, Talkely ensures seamless communication and an intuitive user experience.
- Real-Time Messaging: Communicate with others instantly using live updates.
- Responsive Design: A user-friendly and mobile-first interface, ensuring a smooth experience on any device.
- User Authentication: Secure login system to protect user data.
- Effortless State Management: Zustands simplify state handling, making the app fast and reliable.
- Stylish Components: Built with DaisyUI and Tailwind CSS for a modern look.
- Scalable Backend: Node.js and Express provide a robust server-side architecture.
- Real-Time Communication: Socket.IO enables live, two-way communication for chat functionality.
- Data Persistence: MongoDB stores user and chat data securely.
- React: JavaScript library for building user interfaces.
- Tailwind CSS: Utility-first CSS framework for styling.
- Zustand: A lightweight state management library.
- DaisyUI: Tailwind CSS components for beautiful, pre-styled UI elements.
- Node.js: JavaScript runtime for server-side development.
- Express: Web framework for building RESTful APIs.
- Socket.IO: Real-time, bidirectional, and event-based communication.
- MongoDB: NoSQL database for storing data.
- Node.js (v14 or later)
- MongoDB (local or cloud-based instance)
-
Clone the Repository
git clone https://github.com/your-username/talkely.git cd talkely -
Install Dependencies
- Install backend dependencies:
cd server npm install - Install frontend dependencies:
cd ../client npm install
- Install backend dependencies:
-
Set Up Environment Variables Create a
.envfile in theserverdirectory and add the following:PORT=5000 MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret
-
Start the Development Server
- Start the backend server:
cd server npm run dev - Start the frontend development server:
cd ../client npm start
- Start the backend server:
-
Access the Application Open your browser and navigate to
http://localhost:3000to use Talkely.
- Register or log in with your account.
- Start chatting with other users in real time.
- Enjoy a smooth and responsive user experience!
Talkely/
├── client/ # Frontend code (React, Tailwind CSS, DaisyUI)
├── server/ # Backend code (Node.js, Express, Socket.IO, MongoDB)
├── README.md # Project documentation
└── .env.example # Example environment variables
Contributions are welcome! Feel free to open an issue or submit a pull request. Please ensure that your code adheres to the existing style and passes all tests.
This project is licensed under the MIT License. See the LICENSE file for details.