A full-stack Facebook-like social media platform built with React.js (frontend) and Laravel (backend API).
This project is designed as a large-scale learning project focusing on real-world architecture, scalability, and clean code.
- React.js (Vite)
- React Router
- Axios
- Redux
- Material Ui
- Laravel (REST API)
- Laravel Sanctum (Authentication)
- MySQL
- Storage (Images & Media)
- Build a real-world social media platform
- Learn scalable backend architecture
- Master API-based frontend development
→ React Frontend → Laravel Backend → MySQL Database
Backend (Laravel)
- Initialize Laravel project
- Configure CORS
- Install & configure Laravel Sanctum
- Create User model & migrations
Frontend (React)
- Create React app using Vite
- Setup React Router
- Configure Axios instance
Backend
- Register API
- Login API
- Logout API
- Auth middleware (Sanctum)
Frontend
- Login page
- Register page
- Protected routes
- Persistent authentication state
Backend
- Profile controller
- Update profile data
- Upload avatar & cover images
- Configure file storage
Frontend
- Profile page
- Edit profile modal
- Image preview before upload
Backend
- Friend request model
- Send / Accept / Reject friend requests
- Friends list API
Frontend
- Add friend button
- Pending requests page
- Friends list UI
Backend
- Post model
- Create / Edit / Delete posts
- Post privacy (Public / Friends / Private)
- News feed API (based on friendships)
Frontend
- Create post component
- News feed page
- Infinite scrolling
- Post actions (edit / delete)
Backend
- Polymorphic likes system
- Comments
- Optimized counters
Frontend
- Like Button
- Comments modal
- Request validation
- Rate limiting
- Authorization policies
- Database indexing
- Eager loading optimization
- Deploy Laravel API
- Deploy React app
- Environment variables setup
- HTTPS & security headers
This project is open-source and intended for educational use. MIT LICENSE
Some Parts In this Project (Client Only) Made with AI But Only Ui Elements not Logic