sauravhathi / mini-social-app

This MERN stack-based mini social app comes packed with awesome features to connect with friends and share your experiences with the world.

Home Page:https://mini-social-app.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mini Social App πŸš€

Welcome to the Mini Social App! 🀝🌟

This MERN stack-based mini social app comes packed with awesome features to connect with friends and share your experiences with the world. Let's take a closer look at what it offers:

Features 🌟

  • Authentication: Safeguard your data and interact securely with the app.
  • Home Page: Stay updated with the latest posts and stories from your friends.
  • Add Post/Story: Share your moments with captivating posts and stories.
  • View Post/Story: Dive into the exciting world of your friends' content.
  • Select Image from Gallery: Pick the perfect image to showcase your story.
  • Edit Image: Polish your images with various adjustments like Aspect Ratio, Filters, Brightness, Contrast, and Saturation.
  • Post/Story Creation: Craft engaging posts with rich formatting options.
  • Tag People: Mention your friends in your posts to give them a shoutout!
  • Add Location: Let others know where you've been by adding a location to your posts.
  • Add Vibetags: Express your mood or vibe with funky Vibetags.
  • Like Post/Story: Show appreciation by liking posts and stories you enjoy.
  • Search Users: Find and connect with new users who share your interests.
  • Logout: Sign out securely when you're done socializing.

Screenshots πŸ“Έ

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5 Screenshot 6 Screenshot 7 Screenshot 8 Screenshot 9 Screenshot 10 Screenshot 11 Screenshot 12 Screenshot 13 Screenshot 14 Screenshot 15

Demo πŸŽ₯

Tech Stack πŸ‘¨β€πŸ’»πŸ”§

Client: React, Redux, TailwindCSS

Server: Node, Express, MongoDB, Mongoose, jsonwebtoken, bcrypt

Run Locally πŸƒβ€β™‚οΈπŸ’¨

Get started with the Mini Social App on your local machine:

  1. Clone the project
git clone <repository_url>
  1. Go to the project directory
cd mini-social-app
  1. Install dependencies
npm install

# or

yarn

Note: You need to add api url in mini-social-app/app/src/api/index.js file

  1. Server Path - mini-social-app/server

  2. Client Path - mini-social-app/app

Start the server

cd mini-social-app/server

yarn start

# or

npm start

Start the client

cd mini-social-app/app

yarn start

# or

npm start

Authors πŸ‘¨β€πŸ’»

License πŸ“

MIT

Feedback 🀝

If you have any feedback, please reach out to us at

About

This MERN stack-based mini social app comes packed with awesome features to connect with friends and share your experiences with the world.

https://mini-social-app.vercel.app

License:MIT License


Languages

Language:JavaScript 96.7%Language:HTML 2.3%Language:CSS 1.0%