React UI Components

A small collection of reusable React components built with TypeScript.
This repo is designed for portfolio/demo purposes to showcase component architecture, styling, and interactivity.

Currently includes:

• 🎉 Popup Component – A lightweight popup notification with banner content.
• 💡 Tooltip Component – A customizable tooltip with multiple color schemes and modes.

---

🛠 Tech Stack

• React with TypeScript
• Vite for fast dev server and build tooling
• React Icons for icons

📦 Installation

Clone this repo:

git clone https://github.com/zenidreney/react-modals.git
cd react-modals

Install dependencies:

npm install

🚀 Getting Started

Run the development server:

npm run dev

Then open http://localhost:5173 to view the components in your browser.

📂 File Structure

src/
  └── components/
      ├── Popup/
      │   ├── Popup.tsx       # Main popup component
      │   ├── Popup.css
      │   ├── README.md       # Documentation for Popup
      │   └── Banner/
      │       ├── Banner.tsx  # Banner component (used inside Popup)
      │       └── Banner.css
      │
      └── Tooltip/
          ├── Tooltip.tsx     # Main tooltip component
          ├── Tooltip.css
          └── README.md       # Documentation for Tooltip

📝 License

This project is for portfolio/demo purposes with a MIT License. Feel free to use, modify, and showcase it in your own work!