Skip to content

Latest commit

 

History

History
49 lines (37 loc) · 2.09 KB

readme.md

File metadata and controls

49 lines (37 loc) · 2.09 KB

Talker

Talker is a real-time chat application built with a Node.js backend and a React frontend. It supports user authentication, profile management, and real-time messaging using Socket.IO. The app is designed with a responsive and customizable user interface, leveraging Tailwind CSS and DaisyUI for styling.

Features

  • User Authentication

    • Signup, Login, and Logout functionalities for seamless user experience.

  • Profile Management

    • Users can update their profile picture and manage their personal details.

  • Real-time Messaging

    • Instant communication between users, powered by Socket.IO.

  • Responsive UI

    • Fully responsive design built with Tailwind CSS and DaisyUI.

  • Theme Customization

    • Users can personalize their experience with theme-switching options.

Dependencies

Backend Dependencies:

  • bcryptjs: - For hashing passwords securely.
  • cloudinary: - For managing media uploads (e.g., profile pictures).
  • cookie-parser: - To handle cookies.
  • dotenv: - For environment variable management.
  • express: - Web framework for building the backend server.
  • jsonwebtoken: - For secure user authentication with tokens.
  • mongoose: - MongoDB object modeling for database operations.
  • socket.io: - For real-time communication between the server and clients.

Backend Dev Dependencies:

  • nodemon: - For automatic server restarts during development.

Frontend Dependencies:

  • axios: - For making API requests to the backend.
  • lucide-react: - For modern, customizable icons.
  • react: - Frontend library for building UI components.
  • react-dom: - For DOM rendering of React components.
  • react-hot-toast: - For displaying notifications and alerts.
  • react-router-dom: - For routing and navigation.
  • socket.io-client: - Client-side integration for real-time messaging.
  • zustand: - State management library for React.

Frontend Styling:

  • Tailwind CSS: Utility-first CSS framework for responsive and modern design.
  • DaisyUI: Component library built on Tailwind CSS for pre-styled elements.