TierIt

A modern, interactive tier list creator built with React, TypeScript, and Tailwind CSS.

Features

• 🎨 Drag & Drop Interface - Intuitive drag-and-drop functionality for organizing items
• 🖼️ Image Management - Upload and compress images automatically
• 🎭 Theme Support - Light and dark mode with seamless switching
• ✏️ Customizable Tiers - Edit tier names and colors, add or delete tiers
• 📤 Export to Image - Download your tier list as a PNG image
• 💾 Auto-Save - All changes are automatically saved to localStorage
• 📱 Responsive Design - Works perfectly on desktop and mobile devices

Live Demo

Visit the app: https://adschl2e.github.io/TIER-IT/

Local Development

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Technologies

• React 18 - UI framework
• TypeScript - Type safety
• Vite - Build tool
• Tailwind CSS - Styling
• html2canvas - Image export