Phantom Friends

Phantom Friends is a full-stack social networking application that enables users to connect globally, share media, and interact through posts and real-time messaging.

---

✨ Highlights

• Full-stack social networking application
• Real-time chat using Firebase
• Google authentication integration
• Scalable serverless backend architecture

---

🚀 Features

👨‍💻 Social & Interaction

• Global Connectivity: Connect with people from different regions of the world.
• Media Sharing: Upload and share photos, videos, and posts from your gallery.
• Engagement: Like, comment, share, and bookmark posts from other users.
• Post Management: Users have full control to delete their own posts.

💬 Communication & Tools

• Chat Rooms: Join one of four distinct chatrooms: Global Chat, Developer Chat, Casual Chat, Humor Chat.
• Direct Messaging: Real-time chat box functionality to connect with any user.
• To-Do List: Integrated task management where tasks are automatically removed once marked as finished.

👤 User Management

• Authentication: Secure sign-in via Google or manual account creation.
• Profile Control: View your upload history and update personal profile information at any time.

---

🛠️ Tech Stack

• Frontend: Next.js
• Styling: Tailwind CSS
• Backend/Database: Firebase

---

📁 Project Structure (Simplified)

Phantom-Friends/
│
│── README.md
│
├── public/                # Static assets
│   └── index.html
│
└── src/
    ├── App.js             # Root component
    ├── index.js           # Entry point
    ├── index.css          # Global styles
    ├── firebase-config.js # Firebase configuration
    │
    └── pages/             # Application pages/routes
        ├── Login.jsx
        ├── Profile.jsx
        ├── Messages.jsx
        ├── Explore.jsx
        ├── Bookmarks.jsx
        ├── ChatHome.jsx
        └── ChatRoom1-4.jsx

---

⚙️ Installation & Setup

Clone the repository

git clone https://github.com/omsutariya/Phantom-Friends.git

Install dependencies

npm install

Environment Setup

• Create your own Firebase project and connect it with this application.
• Update the Firebase configuration in src/firebase-config.js with your project credentials:

const firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_PROJECT.firebaseapp.com",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_PROJECT.appspot.com",
    messagingSenderId: "YOUR_SENDER_ID",
    appId: "YOUR_APP_ID"
};

⚙️ Run the project

npm run dev

Open http://localhost:3000 to view the app.

---

🎯 Use Case

Phantom Friends can be used by:

• Individuals who want to connect and interact with people globally
• Users who enjoy sharing media and engaging with social content
• Communities looking for real-time communication and interaction
• Developers exploring full-stack social networking applications

---

👨‍💻 Contributors

• Om Sutariya
• Rohit Thakkar
• Darshil Shukla
• Akash Trivedi

---

📄 License

This project is for educational purposes. Feel free to fork and modify!