Pinterest Clone 💻

A Pinterest-inspired image sharing platform built with Tailwind CSS.

📂 Table of Contents

• About
• Demo
• Features
• Getting Started
  • Prerequisites
  • Installation

✉️ About

🚀 Welcome to the Pinterest UI Clone project! This project was created with the goal of recreating the delightful Pinterest experience. Built using Tailwind CSS, it offers a visually appealing image-sharing platform.

🖥 Demo

Pinterest.-.Google.Chrome.2023-09-10.16-46-02.mp4

🌟 Features

• Link of SVG and images. 🤳🏻
• Custom floating shadow for button. ☝🏻
• Responsive Design 📱
• Intuitive User Interactions 🖱️
• Image Sharing 📲

📝 Getting Started

Follow these steps to get the Pinterest UI clone up and running on your local machine.

🧲 Prerequisites

Before you begin, ensure you have met the following requirements:

• Node.js: Make sure you have Node.js installed. You can download it from nodejs.org.

⌨️ Installation

1. Clone the Repository:

   bash
   git clone https://github.com/Rohit177/Pinterest_Clone_Tailwind
   
   cd Pinterest_Clone_Tailwind
   

2. Install Dependencies:

   # Using npm
   npm install -D tailwindcss postcss autoprefixer vite
   npx tailwindcss init -p
   
   # Using Yarn
   yarn
   

   Check out tailwind docs for more information https://tailwindcss.com/docs/installation/using-postcss

3. Start the Development Server:

   # Using npm
   npm run start
   
   # Using Yarn
   yarn run start
   

4. Start Experimenting: Open index.html in your code editor and start experimenting with the Pinterest Tailwind CSS.