Skip to content

About

Full Stack Mini social media application

Resources

Stars

2 stars

Watchers

0 watching

Forks

Latest commit

 

History

12 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 

Repository files navigation

🚀 Mini Social Post Application

A full-stack social media web application where users can create accounts, post content, like posts, and comment — similar to a mini Instagram/Facebook feed.


🌐 Live Demo

🔗 Frontend: https://mini-social-post-applications.vercel.app

🔗 Backend: https://mini-social-post-applications.onrender.com


✨ Features

  • 🔐 User Authentication (Signup/Login with JWT)
  • 📝 Create Posts (Text + Image)
  • 📰 Public Feed (All users' posts)
  • ❤️ Like Posts
  • 💬 Comment on Posts
  • 🗑️ Delete Own Posts
  • 🔄 Real-time UI updates
  • 📱 Fully Responsive Design

🛠️ Tech Stack

Frontend:

  • React.js
  • Axios
  • CSS (Custom Styling)

Backend:

  • Node.js
  • Express.js
  • MongoDB (Atlas)
  • JWT Authentication

Deployment:

  • Frontend: Vercel
  • Backend: Render
  • Database: MongoDB Atlas

📂 Project Structure

Mini-Social-Post-Application/
│
├── backend/
│   ├── config/
│   ├── controllers/
│   ├── models/
│   ├── routes/
│   └── server.js
│
├── frontend/
│   ├── src/
│   ├── pages/
│   ├── services/
│   └── App.js
│
└── README.md

⚙️ Setup Instructions

1️⃣ Clone the Repository

git clone https://github.com/Shubhamkumar2703/Mini-Social-Post-Applications.git
cd Mini-Social-Post-Applications

2️⃣ Backend Setup

cd backend
npm install

Create .env file:

MONGO_URI=your_mongodb_uri
JWT_SECRET=your_secret_key

Run backend:

npm start

3️⃣ Frontend Setup

cd frontend
npm install
npm start

🔐 Environment Variables

Variable Description
MONGO_URI MongoDB connection string
JWT_SECRET Secret key for JWT


💡 Future Improvements

  • 🔔 Notifications
  • 👤 User Profiles
  • 📸 Multiple image upload
  • 🔍 Search functionality
  • 💬 Real-time chat

🙌 Author

👨‍💻 Shubham Kumar 📧 Email: shubham27034@gmail.com

🔗 GitHub: https://github.com/Shubhamkumar2703


⭐ If you like this project

Give it a ⭐ on GitHub and share it!


About

Full Stack Mini social media application

Resources

Stars

2 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages