LinkUp is a real-time messaging application built using React, Tailwind CSS, Firebase, and Zustand for state management. It provides a seamless chatting experience with several key features.

image

• Real-time Messaging: Instant messaging capability using Firebase Realtime Database.
• Google Authentication: Secure login with Google accounts.
• Emoji Support: Send and receive emojis in messages.
• Image Sharing: Share images within the chat interface.
• User Blocking: Ability to block/unblock users.
• User Search: Search functionality to find specific users.

• React: Frontend library for building user interfaces.
• Tailwind CSS: Utility-first CSS framework for styling.
• Firebase: Backend-as-a-Service platform for database, authentication, and hosting.
• Zustand: State management library for React applications.

- node_modules/
- public/
- src/
 - components/
 - Chat/
 - Details/
 - List/
 - Login/
 - Notifications/
 - lib/
 - chatStore.js
 - firebase.js
 - upload.js
 - useTimeAgo.js
 - App.jsx
 - index.css
 - main.jsx
- .env
- .gitignore
- eslintrc.html
- package-lock.json
- package.json
- README.md
- tailwind.config.js

image

image

image

1. Clone the repository:

   git clone https://github.com/your-username/linkup-chat.git
   cd linkup-chat
   

2. Install dependencies:

   npm install
   

3. Set up Firebase:

   • Create a Firebase project at Firebase Console.
   • Add your Firebase configuration in src/lib/firebase.js.

4. Run the application:

   npm start
   

5. Open in your browser:

   http://localhost:3000
   

Contributions are welcome! Feel free to fork the repository and submit pull requests.

Lama Dev Chat App Starter template - This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.