WeConnect

A responsive and feature-rich chatting application designed for seamless real-time communication. With modern design and robust functionalities, WeConnect offers users an efficient way to connect with friends and family.

Features

• Real-Time Messaging: Instant communication with users in private chats.
• Connection Requests: Send and manage connection requests to build your network.
• Media Sharing: Share images, videos, and audio with real-time previews and thumbnails.
• Optimized Performance: Lazy loading for media and optimized component rendering for better performance.
• Responsive Design: Fully functional across all devices, ensuring an intuitive user experience on both desktop and mobile.

Technologies Used

Frontend

• React.js: For building reusable and interactive UI components.
• Redux Toolkit: For efficient state management and seamless data flow.
• CSS Modules & Styled Components: For modular and scalable styling.

Backend

Firebase

• Firestore: For storing real-time messages and user data.
• Authentication: For secure user login and registration.
• Storage: For media uploads and efficient retrieval.

How to Run Locally

1. Clone the repository:

git clone https://github.com/manikantaPitla/we-connect.git
cd we-connect

2 Install dependencies:

npm install

3 Set up Firebase:

• Create a Firebase project at Firebase Console.
• Enable Firestore,Authentication, and Storage.
• Update firebaseConfig in the src/config/firebase.js file with your Firebase credentials.

4 SetUp Environment Variables:

VITE_API_KEY = "YOUR API KEY"
VITE_AUTH_DOMAIN = "YOUR AUTH DOMAIN"
VITE_PROJECT_ID = "YOUR PROJECT ID"
VITE_STORAGE_BUCKET = "YOUR STORAGE BUCKET"
VITE_MESSAGE_SENDER_ID = "YOUR MESSAGE SENDER ID"
VITE_APP_ID = " YOUR APP ID"
VITE_MEASUREMENT_ID = "YOUR MEASUREMENT ID"

5 Run the development server:

npm run dev

6 Open your browser and visit http://localhost:5173.

Application Design

• Sign Up Page

  Desktop

  

  Mobile

  

• Sign In Page

  Desktop

  

  Mobile

  

• Home

  Desktop

  

  Mobile

  

• Profile

  Desktop

  

  Mobile

  

• Messages

  Desktop

  

  Mobile

  

License

This project is licensed under the MIT License.

Project Link: https://github.com/manikantaPitla/we-connect

Deployment Link: https://weconnectdev.netlify.app

Author/Developer

{
    name: 'Manikanta Pitla',
    contact : {
        email : 'pitlamanikanta81@gmail.com',
        linkedin : 'https://linkedin.com/in/manikantapitla',
        github: 'https://github.com/manikantaPitla/',
        portfolio : 'https://manikantapitla.netlify.app'
    }
}