This is a submission for the KendoReact Free Components Challenge.
What I Built
PeerMatch started from something that has frustrated me for a long time. When you are stuck on a subject, you know you need help, but finding the right person to ask is almost impossible. You can ask around in group chats, try to corner someone after class, or scroll through endless forums. Sometimes you get lucky, but most of the time it feels random. I wanted to build a simple way to remove the guesswork, a place where you can say “this is what I need help with” and immediately see who is ready to help you.
That is how PeerMatch was born. It is a peer learning platform that pairs students with other students who have the right knowledge and time to help. The whole idea is to take something that feels messy and make it simple.
Demo
What it Does
The app works around two roles: the learner and the tutor.
- Learners fill a form about the subject they need help with, the topic, and how urgent it is.
- Tutors fill a form about what subjects they can handle and their level of experience.
Once that information is in, the system matches both sides. A learner who needs help with calculus this week will see a peer tutor who is comfortable with math and has space in their schedule. No endless searching, no cold DMs, just a direct connection.
The goal is not to replace formal tutoring, but to make peer learning as natural as asking a classmate, only with the reach of a digital platform.
KendoReact Components Used
At first, I didn’t plan to start the project with KendoReact. I worried it might be difficult to integrate, or that it would slow me down. But as I explored and experimented, I discovered how seamlessly it fits into a Next.js + TailwindCSS stack.
Here’s how I added it
npm install @progress/kendo-react-buttons @progress/kendo-react-inputs @progress/kendo-react-dateinputs @progress/kendo-react-grid @progress/kendo-react-dropdowns @progress/kendo-react-indicators @progress/kendo-react-layout @progress/kendo-react-dialogs @progress/kendo-react-tooltip @progress/kendo-react-labels @progress/kendo-theme-default
- - TextBox
- - DropDownList
- - RadioButton
- - Button
- - Label
- - Calendar
- - Badge
- - Tooltip
- - Grid
- - Loader
- - Dialog
Then I imported and used components like Kendo’s Grid, Inputs, Dropdowns, Buttons, and Dialogs to build forms, data tables, and interaction elements. Like I said it was pretty easy to use, just install the components you want to use and import them where needed.
The Process and the Goal
This project is more than code. It is part of me learning how to design and build something end to end. I wanted to understand authentication, onboarding flows, and dashboards, not just in theory but in practice. So I made the decision to build my own authentication logic, connect it with onboarding, and carefully think through what a learner or tutor would actually see.
The journey is ongoing. Right now PeerMatch signs in users, walks them through onboarding, and directs them to their own dashboard. From here I want to improve the matchmaking logic and add more context so that someone in one university is matched to peers with the same curriculum. It is not fully complete, but it is real, and it works, and I am proud of how far it has come.
The bigger goal is simple. I want to make it easier for students anywhere to find the right peer at the right time. If you can remove the friction of searching, you give people back time and confidence to focus on learning itself.
Note: I ran into a few bumps with Prisma integration, so the live demo might feel a bit buggy at times.
Top comments (0)