Draggable File Cards

Overview

This project is a React application that showcases a set of draggable cards, each representing a file. The cards feature:

• File Details: Displays the file description and size.
• Actions: Option to either download the file or close the card.
• Tag System: Tags to indicate additional status like "Download Now" or "Upload."

The app leverages Framer Motion for draggable interactions and animations, along with React Icons for action buttons.

Features

• Draggable Cards: Each card can be dragged within the viewport for dynamic user interaction.
• File Information: Displays file size and description.
• Actions: Ability to close or download files.
• Tag System: Dynamically displays a colored tag based on the file status.

Demo

Technologies Used

• React: For building the UI components.
• Framer Motion: For the draggable and animation effects.
• React Icons: To easily integrate file and action icons.

How to Run

1. Clone the repository:

   git clone https://github.com/yourusername/draggable-file-cards.git
   

❤️ Thanks 🔥