A collaborative learning platform that helps students find the right people to learn with.
LearnMate connects students with compatible study partners based on shared interests, learning goals, skill level, availability, and timezone.
The platform brings profile discovery, partner matching, and direct communication into one focused experience. Instead of learning alone, users can build meaningful study connections and collaborate with people who have similar goals.
- Create an account with email and password.
- Sign in securely and maintain an active session.
- Complete a guided profile setup during registration.
- Access protected areas of the application after authentication.
Users can create and manage a profile containing:
- Learning topics and interests
- Current learning level
- Preferred availability
- Timezone
- Personal bio
- Custom avatar
LearnMate helps users discover potential study partners using shared learning interests and compatible preferences. Users can review profiles, express interest, and connect through the matching experience.
Matched users can communicate through private conversations. The messaging experience keeps study discussions connected to the people and learning goals that matter to each user.
Users can update their learning goals and personal preferences whenever they change. Profile forms include validation, structured selections, and save or discard actions for unsaved changes.
The interface is designed for both desktop and mobile screens, with clear navigation, helpful loading states, form feedback, and notifications throughout the application.
- React - Builds the component-based user interface.
- Vite - Provides the development server and production build tooling.
- React Router - Handles navigation and protected application routes.
- Redux Toolkit - Manages shared authentication and application state.
- React Hook Form - Handles form state, validation, and profile editing.
- Tailwind CSS - Provides responsive utility-first styling.
- Appwrite - Provides authentication, database services, user profiles, matches, messages, and notifications.
- Appwrite Auth - Manages email and password authentication and sessions.
- Appwrite Tables - Stores application data for profiles, matches, messages, and notifications.
- Motion - Adds interface transitions and component animations.
- GSAP - Supports advanced animation effects.
- Lucide React - Provides interface icons.
- React Icons - Provides additional icon options.
- Swiper - Supports interactive sliders and carousels.
- React Timezone Select - Provides timezone selection for user profiles.
- React Nice Avatar, Avataaars2, and Multiavatar - Support profile avatar creation.
- A student creates an account and completes their learning profile.
- LearnMate uses the profile information to present compatible study partners.
- The student reviews other profiles and expresses interest in suitable matches.
- Once a connection is established, matched users can start a private conversation.
- Users can continue updating their profile as their learning goals and availability change.
LearnMate is built around three simple goals:
- Personalized learning - Help users find partners who match their goals and interests.
- Consistent collaboration - Make it easier to maintain productive study relationships.
- Accessible communication - Keep discovery, matching, and messaging in one place.
This project is proprietary and confidential. The source code, design, concept, and content may not be copied, reused, distributed, or used for commercial or personal projects without prior written permission from the author.