Welcome to Social Connect, your go-to platform for sharing posts, connecting with peers, and fostering a vibrant community.
Caption for Screenshot 1
- 📸 Post Sharing: Share your moments with the world by uploading images and captions.
- 👍 Likes: Show your appreciation for posts with a simple like.
- 🤝 Connect: Build your network by connecting with other users.
- 🔍 Explore: Discover new posts and users through our intuitive explore feature.
- 🔒 Authentication: Securely sign up, log in, and protect your account with JSON Web Tokens (JWT).
- 🧑💻 User Creation: Easily create a new account with a few simple steps.
- 📰 News Feed: Stay updated with posts from friends and followed users on your personalized news feed.
- 🖼️ User Profiles: Customize your profile with information, profile pictures, and more.
- ➕ Follow/Unfollow: Connect with others by following or unfollowing users.
- 🌙 Dark Mode: Enjoy a comfortable browsing experience with our sleek dark mode.
- 💼 Sponsor Dashboard: Explore enhanced features with our sponsor-exclusive dashboard.
- Frontend: React, MUIv5, Redux for state management
- Backend: Node.js, Express.js, MongoDB Atlas for database
- Authentication: JSON Web Tokens (JWT)
- Security: Helmet middleware for securing HTTP headers, bcrypt for password hashing
- File Uploads: Multer for handling image uploads
- Logging: Morgan for HTTP request logging
- Node.js installed
- MongoDB Atlas account for the database
-
Clone the repository:
git clone https://github.com/yourusername/social-connect.git
-
Install dependencies:
cd social-connect npm install -
Set up environment variables:? Create a .env file in the root directory and add the following:
REACT_APP_API_URL=http://localhost:5000/api REACT_APP_PUBLIC_URL=http://localhost:3000 REACT_APP_JWT_SECRET=yourjsonwebtokensecret -
Run the app:
npm start
- Visit http://localhost:3000 in your browser to see the app in action!