A mobile-friendly web application for tracking meeting costs based on attendees' hourly rates.

• People Management

  • Add, edit, and delete people
  • Store name, phone number, and hourly rate for each person

• Meeting Management

  • Create, edit, and delete meetings
  • Select attendees from the list of people
  • Start and stop meetings to track costs

• Cost Tracking

  • Real-time cost calculation based on attendees' hourly rates
  • Cost updates every minute while a meeting is active

• Data Persistence

  • All data is stored in the browser's local storage
  • No server-side storage or authentication required

• Pure Frontend Application

  • No backend or server-side processing
  • All data stored in browser's localStorage

• Mobile-Optimized

  • Designed specifically for iPhone and other mobile devices
  • Touch-friendly interface with appropriate sizing for mobile screens

• Technologies Used

  • React for UI components and state management
  • TailwindCSS for styling
  • LocalStorage API for data persistence

1. First, add people with their names, phone numbers, and hourly rates
2. Create meetings and select attendees from your list of people
3. Start a meeting to begin tracking costs
4. Stop the meeting when it's over
5. View and manage all your people and meetings from the respective tabs

• The application uses a tab-based navigation system for easy mobile use
• Meeting costs are calculated based on the total hourly rate of all attendees
• The UI is styled to be familiar to iOS users with appropriate button and input styling