Skip to content

parham-ab/reusable-dropdown

Repository files navigation

Lobox Front-End Developer Assignment

Thank you for the opportunity to complete this assignment as part of the application process for the Front-End Developer position at Lobox.

🧩 Task Description

Implement a multi drop-down select component with the following features:

  • Select multiple items from a dropdown list.
  • Add new items by typing in the input field and pressing Enter.
  • Dropdown should close when clicking outside of it.
  • The component should be reusable and built with clean, modular code.

🛠 Tech Stack

  • ⚛️ React.js
  • ⛑ TypeScript
  • 🎨 SCSS (styled to match the provided image as closely as possible)

📦 Features

  • Multi-select dropdown functionality
  • Custom item creation with keyboard input
  • Reusability via props
  • Click-outside-to-close behavior
  • Styled using SCSS modules

🚀 Demo

👉 Live Demo

🧪 Getting Started

To run the project locally:

git clone https://github.com/your-username/lobox-multiselect.git
cd lobox-multiselect
npm install
npm run dev