SkillVilla is a full-stack professional media platform that combines professional networking, freelance workflows, job discovery, content sharing, and real-time communication into a unified ecosystem.
The platform was designed to reduce fragmentation across professional workflows by allowing users to showcase work, connect with communities, discover opportunities, and communicate in real time without switching between multiple systems.
Built independently as a complete end-to-end full-stack system.
🔗 Demo: http://52.53.160.90/
Email: thappamkkumar@gmail.com
Password: Mukesh;06You can also create a new account.
- Authentication & profile system
- Follow/unfollow system
- Workfolio showcase with reviews & ratings
- Community creation and management
- Posts and discussions
- Problem-solving system
- Jobs and freelance gigs
- Unified search and explore system
- Infinite scroll feed architecture
- Private and community chat
- Message and story seen status
- Real-time likes, comments, and interactions
- Audio/video calling using WebRTC
- Live streaming system
- Admin dashboard
- User and content management
- Platform moderation tools
SkillVilla is a unified professional ecosystem designed to integrate networking, communication, content sharing, freelance workflows, and job discovery into a single platform.
The system focuses on creating a consistent user experience where professionals can interact, showcase work, participate in communities, and access opportunities without relying on multiple disconnected applications.
SkillVilla follows a monolithic full-stack architecture extended with real-time communication layers.
- React.js
- Redux Toolkit
- Bootstrap
- Vite
- Laravel 11
- REST APIs
- JWT Authentication
- Laravel Reverb
- WebSockets
- Laravel Echo
- WebRTC
- MySQL relational database
- AWS EC2
- Ubuntu
- Nginx
- Queue Workers
- React 18
- Redux Toolkit
- React Router
- Bootstrap 5
- Axios
- Styled Components
- Chart.js
- Quill Editor
- Vite
- Laravel 11
- PHP 8.2
- JWT Authentication
- Laravel Reverb
- REST APIs
- MySQL
- WebSockets
- Laravel Echo
- WebRTC
- Pusher JS
- AWS EC2
- Ubuntu
- Nginx
Unified architecture supporting:
- posts
- jobs
- freelance gigs
- workfolio
- problem discussions
All content types share:
- likes
- comments
- shares
- interaction workflows
Persistent real-time communication system featuring:
- private messaging
- community chat
- live synchronization
- seen status tracking
- message persistence
Dynamic discovery architecture supporting:
- follow-based feed generation
- categorized exploration
- unified search system
- content discovery flows
Optimized continuous content loading with:
- offset/limit controlled fetching
- duplicate prevention
- synchronized API requests
- smooth browsing experience
Designed a unified interaction architecture while supporting different data structures for posts, jobs, workfolio, and discussions.
Used Redux as a centralized state layer to synchronize API responses with WebSocket events.
Used the Laravel backend as a signaling server to exchange SDP and ICE candidates for peer-to-peer communication.
Implemented controlled offset/limit fetching to avoid duplicate data, inconsistent ordering, and excessive API calls.
Organized the platform into modular domains and structured APIs by system responsibility.
skillvilla/
├── app/
├── bootstrap/
├── config/
├── database/
├── public/
├── resources/
│ ├── js/
│ ├── components/
│ ├── pages/
│ ├── redux/
│ └── layouts/
├── routes/
├── storage/
└── tests/git clone https://github.com/thappamkkumar/skillvilla.gitcomposer install
cp .env.example .env
php artisan key:generateConfigure database credentials in .env
Run migrations:
php artisan migrateStart backend server:
php artisan serveInstall dependencies:
npm installStart development server:
npm run devRun Laravel Reverb server:
php artisan reverb:startRun queue worker:
php artisan queue:work- JWT-based authentication
- Protected routes
- Token-based authorization
- Secure API access
- Independently built end-to-end full-stack architecture
- Integrated WebSockets and WebRTC for real-time systems
- Designed scalable multi-domain application structure
- Managed centralized frontend state using Redux Toolkit
- Built unified interaction workflows across content systems
- Deployed and configured application manually on AWS EC2
- Implemented real-time synchronization across multiple platform features
- Redis caching
- Notification system
- Rate limiting
- Media optimization pipeline
- Docker-based deployment
- Advanced recommendation system
- Service separation for real-time infrastructure
Mukesh Kumar
- Portfolio: https://mukeshkumar.vercel.app/
- GitHub: https://github.com/thappamkkumar