Sociofy

Course Project Submission

---

Team Members

Roll No	Name	Contribution
B24CS505	Harshit Kanpal	Frontend & UI Design
B24CS506	Utkarsh Umap	Backend & Database Integration
B24CS507	Yash Bhardwaj	Testing, Documentation & Deployment

---

Project Overview

This project, Sociofy, is developed as part of the course evaluation.
It aims to provide a modern social media web application where users can create posts, view others’ content, and manage their profiles through a responsive and interactive interface.

---

Objectives

• Develop a functional, user-friendly social media web application
• Apply full-stack development principles using React, Node.js, and MongoDB
• Integrate and manage database connections using Mongoose
• Use Git & GitHub for version control and team collaboration

---

Tech Stack

Category	Technologies Used
Frontend	React.js, Tailwind CSS, JavaScript (ES6+), Axios
Backend	Node.js, Express.js
Database	MongoDB, Mongoose
Tools & Utilities	VS Code, Git, GitHub, Postman, npm

---

Features

• User Authentication (Login / Signup)
• Responsive and Modern UI
• CRUD Operations for Posts
• Profile Management
• Session Handling with Cookies
• Error Handling and Validation
• Additional Enhancements (Dark Mode, Feed System)

---

Folder Structure

Sociofy/
│
├── backend/             # Server-side code (Node.js + Express)
│   ├── models/          # Mongoose Schemas
│   ├── routes/          # API Endpoints
│   ├── config/          # Database Configuration
│   └── server.js        # Main Server File
│
├── frontend/            # React Frontend
│   ├── src/             # React Source Files
│   │   ├── components/  # UI Components
│   │   ├── pages/       # Main Pages (Home, Profile, Login, Signup)
│   │   ├── assets/      # Images and Media
│   │   └── App.jsx      # Main Application File
│
├── report/              # Project Report
├── presentation/        # Presentation Slides
├── README.md            # This file
└── package.json         # Dependencies List

---

Installation & Execution

1️⃣ Clone the Repository

git clone https://github.com/<your-username>/sociofy.git
cd sociofy

2️⃣ Install Dependencies

For Node.js:

npm install

For Backend (if separate):

cd backend
npm install

For Frontend:

cd frontend
npm install

3️⃣ Setup Database

Ensure MongoDB is running locally or provide your MongoDB Atlas URI in the backend configuration file (config/db.js).

4️⃣ Run the Application

For Backend:

npm start

For Frontend:

npm run dev

5️ Open in Browser

http://localhost:5173 (Frontend) http://localhost:3000 (Backend API)

---

Steps Followed

1. Problem Identification
2. Requirement Gathering
3. UI/UX Design and Architecture
4. Backend API Development
5. Frontend Implementation
6. Integration and Testing
7. Deployment and Documentation
8. Version Control via GitHub

---

Outputs / Screenshots

Screenshot	Description
	Home screen showing feed
	User profile view
	Login screen

---

Live Links

Frontend (Vercel): Coming Soon Backend (Render / Railway): Coming Soon GitHub Repository: https://github.com//sociofy

---

Contact

harshitkanpal@example.com utkarshumap@example.com yashbhardwaj@example.com GitHub Profile