A Tinder-style tutor matching service that connects students and tutors in a fun, easy-to-use interface.

• Swipe Interface: Swipe right on tutors/students you like, left to pass
• Smart Matching: Get matched when both parties swipe right
• Beautiful UI: Modern, friendly design with smooth animations
• Profile Management: Edit your profile as a student or tutor
• Matches View: See all your matches in one place

• Node.js (v14 or higher)
• npm or yarn

1. Install dependencies:

npm install

2. Start the development server:

npm start

3. Open http://localhost:3000 in your browser

1. Choose Your Role: When you first open the app, select whether you're a student or tutor
2. Start Swiping: Swipe right (or click the heart) on profiles you like, left (or click X) to pass
3. View Matches: Check your matches page to see who you've matched with
4. Edit Profile: Update your profile information anytime from the profile page

src/
  ├── components/          # React components
  │   ├── SwipeScreen.js   # Main swipe interface
  │   ├── SwipeCard.js     # Individual swipeable card
  │   ├── MatchesScreen.js # Matches view
  │   ├── ProfileScreen.js # Profile editing
  │   └── WelcomeScreen.js # Initial login screen
  ├── data/
  │   └── sampleData.js    # Sample tutor/student data
  ├── App.js              # Main app component with routing
  └── index.js            # Entry point

• React 18
• React Router DOM
• CSS3 (with animations and gradients)

• Real backend integration
• Messaging system
• User authentication
• Advanced filtering
• Video call integration
• Payment processing

MIT