https://github.com/mushkir/instagram-ui-tailwindcss

https://github.com/mushkir/instagram-ui-tailwindcss

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/mushkir/instagram-ui-tailwindcss
• Owner: Mushkir
• Created: 2023-10-01T16:05:11.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-24T07:19:25.000Z (about 1 year ago)
• Last Synced: 2023-10-24T08:25:32.099Z (about 1 year ago)
• Language: JavaScript
• Size: 89 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Instagram UI Using TailwindCSS

This project is a clone of the Instagram user interface, built using HTML and Tailwind CSS. It serves as a practical exercise to demonstrate the power and flexibility of Tailwind CSS in recreating a popular social media platform's UI. The project aims to replicate the core visual elements of Instagram, providing a responsive and visually appealing layout that closely mimics the real Instagram experience.

## Demo

[Live Preview](https://mushkir.github.io/Instagram-UI-TailwindCSS/)

## Features

- Utilizes Tailwind CSS classes for efficient and rapid styling.

## Internship

This internship is provided by CyberDude Networks Pvt. Ltd. as part of the 6-Month Free Internship program, a skill development initiative organized to enhance participants' skills. Mentoring was provided by Mr. Anbuselvan Rocky (https://github.com/anburocky3). For more information, you can contact CyberDude Networks here (https://www.cyberdudenetworks.com).

## Tech Stack

**1. HTML**

**2. TailwindCSS**

**3. Vite**

## Installation

Clone the Repository

```bash

  git clone https://github.com/Mushkir/Instagram-UI-TailwindCSS.git

```

Navigate to the project

```bash

  cd Instagram-UI-TailwindCSS

``` 

Install the dependencies

```bash

  npm install

``` 

Run the project

```bash

  npm run dev

``` 

## License

[MIT](https://choosealicense.com/licenses/mit/)