This is a Next.js project bootstrapped with create-next-app.

Whatsapp Web Clone

This is a clone of the Whatsapp Web application built using Next.js with Tailwind CSS. The app allows users to join chat groups and start conversations. It utilizes Firebase for backend services, including Firestore for the database, Firebase Authentication for user authentication, and Firebase Storage for storing chat avatars.

Features

• User authentication using Firebase Authentication
• Join chat groups and start conversations
• Real-time updates using Firestore's server timestamps
• Storage of chat avatars using Firebase Storage

Technologies Used

• Frontend: Next.js, Tailwind CSS
• Backend: Firebase
• Database: Firestore
• Authentication: Firebase Authentication
• Storage: Firebase Storage
• Time Packages: Firestore Server Timestamp, Moment.js

Getting Started

To get started with the Whatsapp Web Clone, follow these steps:

• Clone the repository: git clone Github Repository
• Install the dependencies: npm install
• Set up your Firebase project and obtain the necessary configuration details.
• Update the Firebase configuration in the project.
• Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

• Open the app in your browser: http://localhost:3000

Project Structure

• pages/ # Next.js pages
• components/ # Reusable components
• styles/ # Tailwind CSS styles
• public/ # Static assets
• utils/ # Context API & Firebase Configuration

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Credits

This app was developed by Suhaybka.