🌐 Web Programming Project (BCS203E)

👥 Team Members

1. Shreyas Kumar (Reg No: 23BAI1008)
2. Shivanya Shomir Dutta (Reg No: 23BAI1424)
3. Sahil Sandeep (Reg No: 23BAI1405)

---

📌 Project Overview

• Course Code: BCSE203E
• Project Name: SOCIAL APP
• Description: A feature-rich social media application that enhances user engagement with modern web technologies.

---

🛠 Tech Stack

• Frontend: React.js, TypeScript, Tailwind CSS, Shadcn
• Backend: Appwrite (Backend-as-a-Service)
• State Management & Data Fetching: React Query

---

🚀 Features

✅ Secure authentication with Appwrite
✅ Explore page to discover new posts & creators
✅ Like, save, and interact with posts
✅ Detailed post pages with related content
✅ User profile management
✅ Responsive design with mobile optimization
✅ Efficient data handling using React Query

---

👩‍🏫 Submitted To

📌 Anubha Pearline Ma'am

📅 Submission Date: <DD/MM/2025>

---

🛠 Setup & Installation

1️⃣ Prerequisites

Ensure you have:

• Git
• Node.js
• npm

2️⃣ Clone the Repository

git clone https://github.com/shkshreyas/instylo
cd instylo

3️⃣ Install Dependencies

npm install

4️⃣ Set Up Environment Variables

Create a .env file in the root directory and add:

VITE_APPWRITE_URL=
VITE_APPWRITE_PROJECT_ID=
VITE_APPWRITE_DATABASE_ID=
VITE_APPWRITE_STORAGE_ID=
VITE_APPWRITE_USER_COLLECTION_ID=
VITE_APPWRITE_POST_COLLECTION_ID=
VITE_APPWRITE_SAVES_COLLECTION_ID=

Replace placeholders with actual Appwrite credentials.

5️⃣ Run the Project

npm start

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

---

🎉 Contributions & Feedback

Feel free to contribute, raise issues, or suggest improvements.

---