Imitation X social media template (pure front-end code)

# X Social Media Clone

Pure HTML/CSS/JavaScript implementation of a social media interface inspired by X (Twitter).

## Files

- `x-social.html` - Main HTML file with embedded styles and scripts

- `data.json` - Mock data for tweets, users, trending topics

## Features

- Responsive layout with three columns (sidebar, feed, widgets)

- Tweet composition form

- Interactive feed with tweets, replies, and media

- Trending topics widget

- Who to follow suggestions

- Dark theme matching X's aesthetic

## Usage

Open `x-social.html` in a web browser to view the interface. The data is loaded from the embedded JSON object within the HTML file.

## Data Structure

The `data.json` file contains:

- `currentUser` - Current user profile

- `tweets` - Array of tweet objects with author, content, stats

- `trending` - Trending topics list

- `whoToFollow` - User suggestions

- `notifications` - Activity notifications

- `messages` - Direct messages

## Customization

To use external JSON data, modify the JavaScript in `x-social.html` to fetch from `data.json` using `fetch()` API.

## Browser Support

Works in modern browsers (Chrome, Firefox, Safari, Edge).

---

Created: 2026-08-31