A real-time chat application built with modern web technologies, featuring instant messaging, presence indicators, and a beautiful user interface.
You can log in with any of these pre-configured users:
| Username | Password |
|---|---|
| Legolas | Thranduil |
| Aragorn | Aravir |
| Gimli | Gloin |
| Gandalf | White Rider |
| Frodo | Elf-friend |
| Samwise | Shire |
| Boromir | Gondor |
| Elrond | Rivendell |
| Galadriel | Noldor |
| Sauron | Dark Lord |
Talk With Legolas is a full-stack chat application that enables real-time communication between users. The application showcases modern web development practices and real-time features including:
- Real-time messaging with WebSocket
- User presence indicators (online/offline status)
- Typing indicators
- JWT-based authentication
- Clean and intuitive user interface
This project was developed with the assistance of modern AI tools:
- Cursor (Claude-3.5-Sonnet): Primary development environment and AI pair programming assistant
- Bolt.new: Initial project scaffolding and architecture planning
- ChatGPT-4: Project roadmap and planning
The combination of these AI tools helped streamline the development process while maintaining high code quality and following best practices. Each tool contributed in different ways:
- Cursor provided real-time code suggestions and debugging assistance
- Bolt.new helped establish the initial project structure and technical decisions
- ChatGPT-4 assisted in brainstorming and refining the project's architecture and roadmap
- React with TypeScript
- tRPC client for type-safe API calls
- Tailwind CSS for styling
- Vite for development and building
More details about the frontend →
- Node.js with TypeScript
- tRPC for type-safe API endpoints
- Prisma with PostgreSQL for data management
- WebSocket for real-time communication
- Docker for containerization
More details about the backend →
- Secure Authentication: JWT-based authentication system
- Real-time Messaging: Instant message delivery using WebSocket
- User Presence: See who's online in real-time
- Typing Indicators: Know when others are typing
- Thread Management: Organize conversations in threads
- Modern UI: Clean and responsive design with Tailwind CSS
- Clone the repository
git clone https://github.com/yourusername/Talk-With-Legolas.git
cd Talk-With-Legolas- Set up the backend
cd backend
npm install
# Follow backend README for additional setup steps- Set up the frontend
cd frontend
npm install
# Follow frontend README for additional setup stepsThis project is licensed under the MIT License - see the LICENSE file for details.
Contributions are welcome! Please feel free to submit a Pull Request.