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.
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
Shown below in order:
1. Mainstream · 2. Stories · 3. Create Dialog
4. Reels · 5. Messages · 6. Explore & Search Panel
7. Profile & Notifications Panel
This project is licensed under the terms described in the LICENSE file.
© 2025 Yusuf Okan Sirkeci — Hereetria
This project is not affiliated with or endorsed by Meta or Instagram.







