This is a submission for the KendoReact Free Components Challenge.
What I Built
As an amateur basketball player, I always looked for an efficient way to track and analyze my shooting performance during practice. Manual records or generic apps didn’t offer the customization I needed. That’s when I decided to build the Basketball Shot Tracker, an application that allows players to register and analyze their training shots in a simple and interactive way.
The main goal of this project is to provide a clear view of a player's progress, allowing them to log the number of shots taken and made, visualize real-time statistics, and track their improvement over time.
Demo
https://vimeo.com/1068737889/3a633caf68?share=copy
Link to test the app
GitHub code repository
KendoReact Experience
The Basketball Shot Tracker was built using KendoReact Free Components, which were fundamental in speeding up the development process while delivering a rich, interactive, and efficient experience.
Here are some of the components I used and how they helped:
- TabStrip: Organizes and enables smooth navigation between the Shot Registration, History, and Analysis sections.
- Label: Provides clear field hints in the shot registration form.
- DropDownList: Allows users to easily select the type of shot trained (3-Point, Mid-Range, Free Throw).
- NumericTextBox: Ensures efficient and validated data input.
- DatePicker: Simplifies selecting the training date, keeping records organized.
- Button: Used for key interactions within the app.
- Notification: Provides visual feedback to users.
- Slide: Enhances the app with smooth animations.
- Grid: Displays the shot history in a structured and intuitive manner, featuring editing, filtering, paging, and sorting.
- ExpansionPanel: Allows users to toggle between detailed and summarized views of their data.
Using KendoReact allowed me to focus on the application logic instead of spending time styling and implementing complex components. The consistent design and seamless integration significantly accelerated development, enabling me to deliver a functional CRUD MVP quickly.
Recommendation
If you’re looking for efficiency and productivity when developing React applications, KendoReact is a great choice!
Before this project, I had never used KendoReact, but I was impressed by how easy it was to implement. Within minutes, I had fully functional and beautifully styled components in my app. This allowed me to focus entirely on the business logic instead of spending hours on UI design and component behavior.
With ready-to-use production components, KendoReact saves time and ensures a refined user experience. Plus, its comprehensive documentation and practical examples make implementation straightforward, even for first-time users.
If you haven’t tried it yet, I highly recommend giving it a shot!
Top comments (8)
interactive
Awesome work, hope you had fun @theslladev ! I am the Product Manager behind KendoReact and I'd really appreciate if you can share your experience with our product in a quick chat. Ping me here or at antoniya.boynovska@progress.com
Thank you so much! I always have fun combining development and basketball, and KendoReact made everything even more efficient.
I'm happy to share more about my experience beyond the article, would that be through a quick chat or directly on the Telerik/Kendo UI site on customer testimonials section?
Great to hear you enjoyed the project! I'd be happy to have a quick chat as I want to understand more about experience with KendoReact Free. A quick 15-20min chat will work. You can book a slot on my calendar here: https://outlook.office.com/bookwithme/user/8e82d6fa4a234256a6cec8b79d4417b5%40progress.com/meetingtype/Js9loYbl40O3hbIaW5lvaw2?bookingcode=1ad35cb6-b317-4df0-8fb0-8dd11f0fcc00&anonymous&ismsaljsauthenabled=true
Thanks and hope to speak soon!
Toni
you can try free trial 30 days , thoses lines and bg will be gone
Yeah! I ended up not doing it because I started participating in the challenge a little late and ended up submitting the solution a few minutes before the deadline.
good luck 💪🏻
Thank you so much!