Skip to content

A static social media UI prototype inspired by Instagram’s layout and structure, built with HTML, CSS, Bootstrap, and TypeScript. The project focuses solely on the frontend and does not include any backend integration.

License

Notifications You must be signed in to change notification settings

Hereetria/instagram-clone-ui-demo

Repository files navigation

📱 Instagram Clone UI Demo — Static Social Media UI Prototype


Report Bug Request Feature


📌 Project Overview

Instagram Clone UI Demo is a static design prototype that models the UI of a social media platform by closely mimicking Instagram’s layout and visual structure.
This project focuses on frontend design and responsive layout, without any backend integration.


✨ Features

  • Instagram-like main page layout
  • Mainstream and See All pages fully designed
  • Responsive UI built with HTML, CSS, and Bootstrap
  • Clean modular structure with separate src, shared, and modules folders

🖼️ Screenshots

Shown below in order:
1. Mainstream · 2. See All


🧰 Tech Stack

HTML5 Badge CSS3 Badge Bootstrap Badge TypeScript Badge


📥 Installation

Prerequisites

  • Node.js 18+ (for running Lite Server or any static server)

Setup

git clone [repository-url]
cd instagram-clone-ui-demo

pnpm install lite-server   # or use npm/yarn if preferred
pnpm start                 # serves the dist folder

The dist folder contains the prepared static files.
For development, edit files in src.

  • shared/ contains exported code.
  • modules/ contains imported and used files in the project.

📜 License

License: MIT

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


© 2025 Yusuf Okan Sirkeci — Hereetria

About

A static social media UI prototype inspired by Instagram’s layout and structure, built with HTML, CSS, Bootstrap, and TypeScript. The project focuses solely on the frontend and does not include any backend integration.

Topics

Resources

License

Stars

Watchers

Forks