Climbing Connection

A comprehensive social media platform frontend built with React and Tailwind CSS, featuring a complete social experience including authentication, posts, comments, real-time messaging, and user connections.

✨ Features

User Authentication

• Create account with email and password
• Login with existing credentials
• Password recovery flow
• Remember me functionality

Social Posting

• Create posts with text and image content
• Like and comment on posts
• View feed of friends' activities
• Delete and edit your own posts

User Connections

• Send and receive friend requests
• Accept or decline connection requests
• View friend suggestions
• Unfriend users

Messaging System

• Real-time direct conversations
• Group chat functionality
• Message notifications
• Seen receipts for messages

Profiles

• Customizable user profiles
• View other users' profile pages
• Profile picture management
• Bio and personal information display

User Discovery

• Find users through search functionality
• Explore suggested connections
• View mutual friends

Notifications

• Real-time notifications for social interactions
• Activity history and notification center
• Mark notifications as read

🛠️ Technologies Used

• Frontend Framework: React
• State Management: React Context API
• Styling: Tailwind CSS
• Routing: React Router
• Real-time Communication: Socket.IO Client
• Form Handling: React Hook Form
• HTTP Client: Axios

🖥️ Screenshots