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.
✅ 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
- React.js
- Tailwind CSS
- Node.js & Express.js
- MongoDB (Mongoose for schema handling)
- Cloud Storage for Images
- JWT Authentication
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
git clone https://github.com/Tanmay-Mirgal/Splash.git
cd Splash
cd backend
npm install
npm start
The backend will start running at http://localhost:5000/
.
cd ../frontend
npm install
npm start
The frontend will start running at http://localhost:3000/
.
Check out the deployed version here: Splash Live
This project is open-source and available under the MIT License.
Contributions are welcome! To contribute:
- Fork the repository
- Create a new branch (
feature-name
) - Commit your changes
- Push the branch and create a Pull Request