Skip to content

🌐 Real-Time Social App - This repository contains a real-time social networking and messaging application. Users can connect, chat, post updates, and receive notifications instantly. The app is built with modern web technologies for a smooth and interactive experience. πŸš€

Notifications You must be signed in to change notification settings

Sanjanayadav07/PingUp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 PingUp - Real-Time Social App

A modern real-time social networking and messaging app where users can connect, chat, share posts, and receive instant notifications. πŸš€

JavaScript React Redux Node.js MongoDB Clerk Inngest


✨ Features

  • πŸ”‘ Authentication & Authorization with Clerk
  • πŸ“ Create and share posts with media support
  • πŸ“– Stories feature like Instagram
  • πŸ’¬ Real-time messaging with text & image support
  • πŸ”” Instant notifications via Server-Sent Events (SSE)
  • 🀝 Connections system (follow/connect users)
  • πŸ“± Responsive UI built with React & TailwindCSS

πŸ“‚ Project Structure

PingUp/
│── backend/ # Express + MongoDB backend
β”‚ β”œβ”€β”€ configs/ # Database, multer, imagekit, etc.
β”‚ β”‚ β”œβ”€β”€ db.js
β”‚ β”‚ β”œβ”€β”€ multer.js
β”‚ β”‚ └── imageKit.js
β”‚ β”‚
β”‚ β”œβ”€β”€ controllers/ # Controllers (User, Post, Message, etc.)
β”‚ β”‚ β”œβ”€β”€ userController.js
β”‚ β”‚ β”œβ”€β”€ postController.js
β”‚ β”‚ β”œβ”€β”€ storyController.js
β”‚ β”‚ └── messageController.js
β”‚ β”‚
β”‚ β”œβ”€β”€ middlewares/ # Auth, error handlers
β”‚ β”‚ └── auth.js
β”‚ β”‚
β”‚ β”œβ”€β”€ models/ # MongoDB models
β”‚ β”‚ β”œβ”€β”€ User.js
β”‚ β”‚ β”œβ”€β”€ Post.js
β”‚ β”‚ β”œβ”€β”€ Story.js
β”‚ β”‚ └── Message.js
β”‚ β”‚
β”‚ β”œβ”€β”€ routes/ # API routes
β”‚ β”‚ β”œβ”€β”€ userRoutes.js
β”‚ β”‚ β”œβ”€β”€ postRoutes.js
β”‚ β”‚ β”œβ”€β”€ storyRoutes.js
β”‚ β”‚ └── messageRoutes.js
β”‚ β”‚
β”‚ β”œβ”€β”€ inngest/ # Event-driven functions
β”‚ β”‚ └── index.js
β”‚ β”‚
β”‚ β”œβ”€β”€ server.js # Main Express app
β”‚ └── .env # Environment variables
β”‚
│── frontend/ # React + Vite frontend
β”‚ β”œβ”€β”€ src/
β”‚ β”‚ β”œβ”€β”€ assets/ # Images, dummy data
β”‚ β”‚ β”œβ”€β”€ components/ # UI components (Notification, Navbar, etc.)
β”‚ β”‚ β”œβ”€β”€ features/ # Redux slices (user, messages, connections)
β”‚ β”‚ β”œβ”€β”€ pages/ # App pages (Feed, Messages, Profile, etc.)
β”‚ β”‚ β”œβ”€β”€ api/ # Axios instance
β”‚ β”‚ β”œβ”€β”€ App.jsx # Main App
β”‚ β”‚ └── main.jsx # Entry point
β”‚ β”‚
β”‚ └── vite.config.js
β”‚
│── README.md
│── package.json

πŸ› οΈ Tech Stack

Frontend

  • βš›οΈ React + Vite
  • πŸ—‚οΈ Redux Toolkit
  • 🎨 TailwindCSS
  • πŸ”‘ Clerk Auth

Backend

  • 🟒 Node.js + Express
  • πŸƒ MongoDB + Mongoose
  • πŸ“‘ SSE (Server-Sent Events) for real-time messages
  • ⚑ Inngest for background jobs

πŸ–₯️ Live Demo & Preview

Live

πŸš€ Getting Started

1️⃣ Clone the Repository

git clone https://github.com/your-username/ping-up.git
cd ping-up

2️⃣ Setup Backend

cd server
npm install
npm run dev

3️⃣ Setup Frontend

cd client
npm install
npm run dev

🀝 Contributing

Contributions are welcome!

  • Fork the repo

  • Create a new branch

  • Commit your changes

  • Open a pull request

πŸ“œ License

This project is licensed under the MIT License

πŸ’‘ Built With

❀️ by Sanjana Yadav
πŸ”— Connect with me: LinkedIn

About

🌐 Real-Time Social App - This repository contains a real-time social networking and messaging application. Users can connect, chat, post updates, and receive notifications instantly. The app is built with modern web technologies for a smooth and interactive experience. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages