🚀 IPO Watch Clone (Next.js)

A fully responsive IPO Watch clone built using Next.js, showcasing advanced UI design, responsive layouts, and component-based architecture.

---

📌 Overview

This is a frontend application that replicates the UI and core layout of an IPO tracking platform like IPO Watch.

• No backend or live API integration
• All data is static (for UI demonstration)
• Focused on performance, responsiveness, and clean UI
• Scalable and reusable component architecture

---

✨ Features

• 📊 IPO listing UI (Upcoming / Ongoing / Listed)
• 📱 Fully responsive (mobile, tablet, desktop)
• 🎯 Clean and modern UI design
• ⚡ Fast performance with Next.js
• 🧩 Reusable component-based structure
• 🎠 Carousel/slider functionality (Embla)
• 🎨 Styled using Tailwind CSS + shadcn UI
• 🔍 Icon support via Lucide & React Icons

---

🛠️ Tech Stack

⚙️ Core

• Next.js 16
• React 19
• JavaScript

🎨 Styling & UI

• Tailwind CSS 4
• shadcn/ui
• Radix UI
• tw-animate-css
• class-variance-authority
• clsx & tailwind-merge

🧩 Libraries & Tools

• Embla Carousel
• Lucide React (icons)
• React Icons
• ESLint

---

⚙️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/MeetVora79/ipo-watch-clone.git
cd ipo-watch-clone

2️⃣ Install dependencies

npm install

3️⃣ Run development server

npm run dev

Open in browser:

http://localhost:3000

---

🎯 Learning Goals

This project helped in understanding:

• Next.js App Router
• Component reusability
• Responsive design principles
• Tailwind CSS utility workflow
• UI libraries integration (shadcn + Radix)
• Performance optimization basics

---

📜 License

This project is created for educational purposes only.

---

👨‍💻 Author

Meet Vora

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!