Connectify

Connectify is a modern, full-stack social media application designed for seamless communication and community engagement. Built with a powerful tech stack including React 19, Supabase, and Redux Toolkit, it offers real-time features and a premium user experience.

✨ Features

• Real-time Messaging: Instant chat functionality with Supabase Realtime.
• Dynamic Feed: Explore the latest posts and updates from the community.
• Stickers & Emojis: Express yourself with a rich collection of stickers and an integrated emoji picker.
• Voice Messages: Share audio clips directly within your conversations.
• Notifications: Stay updated with real-time alerts for messages and interactions.
• User Profiles: Personalize your presence and showcase your activity.
• Auth System: Secure login, signup, and forgot password flows.
• Infinite Scroll: Seamlessly browse through content with high-performance scrolling.
• Responsive Design: Fully optimized for mobile, tablet, and desktop views with Tailwind CSS and Framer Motion.

🚀 Tech Stack

• Frontend: React 19, React Router DOM, Framer Motion
• State Management: Redux Toolkit (RTK)
• Styling: Tailwind CSS, Lucide React (Icons)
• Backend / DB: Supabase (Database, Auth, Storage, Realtime)
• Developer Tools: Vite, TypeScript, PostCSS

🛠️ Getting Started

Prerequisites

• Node.js (v18 or later)
• npm or yarn
• Supabase account

Installation

1. Clone the repository:

   git clone <repository-url>
   cd connectify

2. Install dependencies:

   npm install

3. Configure Environment Variables: Create a .env file in the root directory and add your Supabase credentials:

   VITE_SUPABASE_URL=your_supabase_url
   VITE_SUPABASE_ANON_KEY=your_supabase_anon_key

4. Run the development server:

   npm run dev

The application will be available at http://localhost:5173.

🚀 Live Demo

Check out the live version of Connectify:

🔗 https://connectify-alpha-nine.vercel.app/

---