Skip to content

Hereetria/instagram-clone-ui-showcase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 

Repository files navigation

📱 Instagram Clone UI Showcase — Modern Responsive Frontend Showcase


Report Bug Request Feature


📌 Project Overview

This repository presents the frontend design of an Instagram clone project.
It focuses on UI structure, layout, and responsive behavior.
The backend is provided by the XenoTerra API, which is an open-source project hosted separately.

ℹ️ This repository is for design presentation only, not for distributing frontend code.


✨ Features

This project recreates core Instagram-like functionalities through a responsive front-end design.
All layouts are built to adapt seamlessly across mobile, tablet, and desktop.

  • 🧭 Content Discovery — Explore feed and search panel for finding other users' posts
  • 🏠 Feed & Interactions — Like, comment, and save posts on the main feed
  • 📖 Stories Experience — Full-screen stories with horizontal navigation and progress indicators
  • Post Creation — Modal flow for creating posts with captions, tags, and advanced settings
  • 👤 User Profiles — View profile info, posts, saved and tagged content
  • 🔔 Notifications Panel — Sidebar notifications integrated into the profile section
  • 🎬 Reels Experience — Vertical reels feed with smooth scrolling interaction
  • 💬 Messaging Interface — Direct messaging layout with chat and conversation sidebar
  • 📱 Responsive UI — Fluid layout that scales across different screen sizes

🖼️ Screenshots

Shown below in order:
1. Mainstream · 2. Stories · 3. Create Dialog
4. Reels · 5. Messages · 6. Explore & Search Panel
7. Profile & Notifications Panel


🧰 Tech Stack


📜 License

License: MIT

This project is licensed under the terms described in the LICENSE file.


© 2025 Yusuf Okan Sirkeci — Hereetria


⚠️ Disclaimer

This project is not affiliated with or endorsed by Meta or Instagram.

About

A modern, UI-focused Instagram clone project built with React, Material UI, and Apollo Client, designed to showcase responsive front-end layouts and interactions.

Topics

Resources

License

Stars

Watchers

Forks

Contributors