Skip to content

Social Media WebApp (LensWorld) ​

Version: v6.0.0 • LinkedIn Post: View Announcement

A cutting-edge social media web application built with Next.js and Firebase. LensWorld allows users to post multiple photos and videos, engage through likes, comments, and nested replies, customize profile banners, and experience a personalized content feed.


✨ Key Features ​

  1. Multiple Photo & Video Posting: Share multiple high-resolution photos and video clips in a single cohesive post.
  2. Engagement Suite: Like, share, comment on posts, and reply directly in threaded conversations.
  3. Post Management: Full author control with instant edit, description updates, and deletion.
  4. Personalized Feed: Dynamic content curation aligning with individual user interactions and followed accounts.
  5. Robust Authentication: Seamless authentication supporting both Google Sign-In and Email/Password.
  6. User Profiles & Customization: Personal banners, profile pictures, editable bios, addresses, and social profile links.
  7. User Discovery & Tagging: Search across all users and tag friends in posts and comments using the @ symbol.
  8. Organized Post Tabs: Segment posts cleanly into All, Public, Private, Liked, and Saved collections.
  9. Real-time Indicators: Last online presence indicators and verified profile badges.
  10. Modern UI/UX: Responsive design, infinite scrolling feed, skeleton loading states, and instant Dark/Light theme switching.
  11. OpenGraph Dynamic Images: Automated OpenGraph card generation for rich social media sharing previews.

🔮 Future Roadmap ​

  • Real-time instant messaging & 1-on-1 chat
  • Ephemeral Stories feature
  • Multi-language localization support
  • AI-driven content recommendations
  • Rich text editor with formatting toolbar for posts and comments
  • Granular notification center

📸 Application Screenshots ​

First Load & Feed Experience ​

User Profile & Content Tabs ​

Post Creation & Community Engagement ​

Account Settings & Customization ​


🎥 Video Demonstration ​


Tags: Next.js Firebase TailwindCSS JavaScript Social Media Web Development