Connect - A Social Networking Web App

Overview

Connect is a social networking web application similar to Facebook. It allows users to interact with friends, share media content, and engage with posts through likes, comments, and replies.

Tech Stack

• ✅ Frontend: React
• ✅ Backend: Express.js
• ✅ Script: TypeScript
• ✅ Database: MongoDB
• ✅ Styling: Tailwind CSS

Key Features

• ✅ Post Creation: Users can create posts with images, videos, and GIFs.
• ✅ Engagement: Like, comment, and reply to posts.
• ✅ Search Functionality: Search for desired posts easily.
• ✅ Friend Requests: Send and accept friend requests to connect with others.
• ✅ Profile Management: Edit and update your profile information.

Installation & Setup

Prerequisites

Ensure you have the following installed:

• Node.js
• MongoDB

Backend Setup

1. Clone the repository:

   git clone https://github.com/MukeshAbhi/Social
   cd Social/api

2. Install dependencies:

   npm install

3. Create a .env file and configure the required environment variables:

   MONGO_URI=your_mongodb_connection_string
   PORT=5000
   JWT_SECRET=your_secret_key

4. Start the backend server:

   npm run dev

Frontend Setup

1. Navigate to the frontend directory:

   cd ../frontend

2. Install dependencies:

   npm install

3. Start the React development server:

   npm run dev

Usage

1. Open your browser and navigate to http://localhost:3000.
2. Sign up or log in to start using Connect.
3. Create posts, search content, connect with friends, and manage your profile!

Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue.

License

This project is licensed under the MIT License.

Contact

For any queries or suggestions, reach out to abhimukesh284@gmail.com.