Chat App Mobile React

A responsive chat application built with React, React Router, and Firebase. The app features user authentication, a chat interface, and a protected dashboard, optimized for mobile devices.

Features

• Responsive Design: Optimized for mobile devices (window width ≤ 768px).
• Authentication: Sign up and log in functionality.
• Protected Routes: Secure access to the dashboard and chat features.
• Routing: Seamless navigation with React Router.
• 404 Handling: Displays a "Page Not Found" component for invalid routes.

Tech Stack

• Frontend: React, React Router
• Styling: Tailwind CSS (or other CSS as per index.css)
• Hooks: Custom useWindowSize hook to handle responsiveness.
• Authentication: Firebase
• Routing: React Router's Routes and ProtectedRoute component.

Prerequisites

1. Node.js (v14+ recommended)
2. Firebase Project (if using Firebase Authentication or Firestore)
3. Basic knowledge of React and React Router

Installation

1. Clone the repository:

   git clone https://github.com/your-username/chat-app-mobile-react.git
   cd chat-app-mobile-react