A real-time chat application built with Laravel, React, and WebSockets that offers secure, feature-rich communication in themed chatrooms. Try it out!
ChaTime is a modern chat platform that combines the comfort of tea culture with real-time communication technology. Users can join public chatrooms or create private password-protected spaces for more intimate conversations. With features like message editing, deletion, typing indicators, and more, ChaTime delivers a comprehensive messaging experience.
- Real-time messaging using Laravel Reverb
- User authentication with Laravel Sanctum
- Public and private chatrooms with password protection
- Message management: edit, delete, and view historical messages
- Interactive UI with typing indicators and real-time member updates
- Mobile responsive design with adaptive sidebar layout
- Profile customization with avatar uploads and user bios
- Visual feedback with animated notifications and transitions
- System messages for user joining/leaving events
- Backend: Laravel, PHP, MySQL
- Frontend: React, TailwindCSS, Framer Motion
- Real-time Communication: Laravel Echo, Reverb
- Authentication: Laravel Sanctum with token-based auth
- State Management: React Hooks and Context API
ChaTime follows a modern client-server architecture:
- Laravel Backend: Handles authentication, database operations, and WebSocket events
- React Frontend: Provides a responsive, interactive UI with real-time updates
- WebSockets: Enables instant messaging and status updates
- RESTful API: Connects the frontend and backend with structured endpoints
The application was designed with user experience at its core:
- Intuitive Navigation: Easy-to-use sidebar for chatroom management
- Beautiful Animations: Subtle visual feedback enhances the experience
- Error Handling: Comprehensive error states with user-friendly messages
- Real-time Feedback: Typing indicators and read receipts for engaging conversations
- PHP 8.1+
- Composer
- Node.js and npm
- MySQL
- Clone the repository
git clone https://github.com/alachan/chatime.git
cd chatime- Install PHP dependencies
composer install- Install JavaScript dependencies
npm install- Create environment file and generate application key
cp .env.example .env
php artisan key:generate- Configure your database in the .env file
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=chatime
DB_USERNAME=root
DB_PASSWORD=
- Run migrations
php artisan migrate- Start the development server
php artisan serve
npm run dev- Start the WebSocket server
php artisan reverb:start- CSRF protection for all forms
- Password hashing for user accounts and private rooms
- Token-based authentication with Laravel Sanctum
- Middleware protection for authenticated routes
- Validation for all user inputs
- Direct messaging between users
- File sharing capabilities
- Emoji reactions to messages
- Read receipts
- Voice and video chat integration
- Chatroom moderation tools
Contributions are welcome! Feel free to fork the repository and submit pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.