Skip to content

Splash is a social media platform built with the MERN stack, allowing users to upload photos, view others' posts, follow users, like posts, and comment on images.

Notifications You must be signed in to change notification settings

Tanmay-Mirgal/Splash

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📸 Splash - Photo Sharing Platform

Splash is a social media platform built with the MERN stack, allowing users to upload photos, view others' posts, follow users, like posts, and comment on images.


🚀 Features

User Authentication – Signup/Login with secure authentication
Photo Uploading – Users can upload and share their images
Like & Comment System – Engage with posts through likes and comments
Follow Users – Build a personalized feed by following others
Responsive UI – Seamlessly works on all devices
MERN Stack – Uses MongoDB, Express, React, and Node.js


🛠️ Tech Stack

Frontend:

  • React.js
  • Tailwind CSS

Backend:

  • Node.js & Express.js
  • MongoDB (Mongoose for schema handling)
  • Cloud Storage for Images
  • JWT Authentication

📂 Project Structure

SPLASH/
│── backend/              # Node.js & Express backend
│   ├── models/           # Database models (User, Post, Comment)
│   ├── routes/           # API routes
│   ├── controllers/      # Logic for handling requests
│   ├── app.js            # Main backend file
│   ├── .env              # Environment variables
│── frontend/             # React.js frontend
│   ├── src/
│   │   ├── components/   # Reusable UI components
│   │   ├── pages/        # Pages (Feed, Profile, Upload, etc.)
│   │   ├── App.js        # Main App component
│   │   ├── index.js      # Entry point
│   ├── package.json      # Frontend dependencies
│── README.md             # Project documentation

📌 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/Tanmay-Mirgal/Splash.git
cd Splash

2️⃣ Setup the Backend (Node.js & Express)

cd backend
npm install
npm start

The backend will start running at http://localhost:5000/.

3️⃣ Setup the Frontend (React.js)

cd ../frontend
npm install
npm start

The frontend will start running at http://localhost:3000/.


🎨 UI Preview

DEMO APP:

DEMO


🌐 Live Demo

Check out the deployed version here: Splash Live


📜 License

This project is open-source and available under the MIT License.


🤝 Contributing

Contributions are welcome! To contribute:

  1. Fork the repository
  2. Create a new branch (feature-name)
  3. Commit your changes
  4. Push the branch and create a Pull Request

📬 Connect with Me

GitHub
LinkedIn
Twitter


About

Splash is a social media platform built with the MERN stack, allowing users to upload photos, view others' posts, follow users, like posts, and comment on images.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published