Tinder-like mobile app - v0 by Vercel

make a tinder-like mobile app UI.

I've created a Tinder-like mobile app UI with the following features:

Profile Card Display:
- Large profile image with gradient overlay
- Name, age, and bio information
- Distance indicator
Swipe Actions:
- Like (heart) and dislike (X) buttons
- Simple animation when swiping left or right
- Card rotation effect during swipe
Navigation:
- Bottom navigation bar with Discover, Messages, and Profile sections
- Clean, mobile-friendly interface

The app uses client-side state management to handle the current profile and swipe animations. The design is responsive and follows modern mobile app UI patterns with appropriate spacing and visual hierarchy.

You can enhance this by:

Adding more detailed profile information
Implementing actual touch swipe gestures
Creating a matches screen and messaging interface
Adding user settings and preferences

make it dev focused, finding devs, and not around appearance, i need dev experience field. I cannot scroll to the buttons at the bottom

I've redesigned the app to be developer-focused, now called "DevMatch," with these key changes:

Developer-Specific Profile Information

Added technical skills with badges
Years of experience field
GitHub profile links
Current role/position
Project interests and "Looking for" section
Remote work location with timezone

UI Improvements

Fixed the scrolling issue by:
- Setting a fixed height for the main container
- Making the profile card area scrollable
- Ensuring action buttons are always visible at the bottom
- Setting a fixed height for the bottom navigation

Developer-Focused Design

Changed the icons to be more tech-appropriate:
- Code icon for discovery
- Thumbs up/down instead of heart/X
Reduced emphasis on photos (smaller profile picture)
Added a professional color scheme with slate gradients
Organized information in a more resume-like format

Other Enhancements

Added the Badge component for displaying skills
Improved the layout to prioritize developer experience over appearance
Made GitHub links clickable
Added location with timezone information for remote collaboration

The app now focuses on matching developers based on their technical skills, experience, and project interests rather than appearance.

components

badge.tsx