Barely Social
0:000:00
About the Project
Barely Social is a full-stack social media web application built with the MERN stack (MongoDB, Express, React, Node.js). This platform allows users to connect, share content, and interact with each other through posts, likes, and following systems.
🚀 Key Features
User Authentication & Security
- • Email-based registration and login system
- • Social login via Google, Facebook, and GitHub using Passport.js
- • Session-based authentication with secure cookies
- • Protected routes and API endpoints
Social Media Functionality
- • Create, edit, and delete posts with text content
- • Upload images to posts using Cloudinary integration
- • Like/dislike posts anonymously
- • Real-time post updates and interactions
User Connectivity
- • Follow/unfollow other users
- • Dual feed system: "Following" feed and "Strangers" feed
- • Profile viewing with user bio and activity
- • Personalized content based on connections
Profile Management
- • Update personal information (name, bio, email)
- • Upload and change profile pictures
- • View personal post history and activity
- • Track followers and following count
🔧 Technical Implementation
This project demonstrates comprehensive full-stack development with modern technologies:
- • Frontend: React.js with functional components and hooks
- • Backend: Node.js & Express.js RESTful API architecture
- • Database: MongoDB with Mongoose ODM for data modeling
- • Authentication: Passport.js for multi-provider OAuth
- • File Uploads: Cloudinary + Multer for image processing
- • State Management: React Context API & useState hooks
- • Styling: Tailwind CSS with responsive design principles
- • Security: Environment variables, session management, and input validation
🎯 Learning Outcomes
Full-Stack Development
- • Built complete CRUD operations for posts and users
- • Implemented RESTful API endpoints
- • Connected frontend and backend seamlessly
Authentication Systems
- • Implemented session-based authentication
- • Integrated multiple OAuth providers
- • Managed user sessions and security
Database Design
- • Designed MongoDB schemas for users and posts
- • Implemented relationships between collections
- • Optimized queries for performance
File Handling
- • Processed image uploads client and server-side
- • Integrated Cloudinary for cloud storage
- • Optimized images for web delivery
This project showcases my ability to build complex, full-stack applications with real-world features, emphasizing clean architecture, security best practices, and user-centric design principles.