Search for a command to run...
Do you have kids at home who stay away from mathematics and stick to phones? I've one! I thought about ANKO to solve that problem and it's working.
Co-Founder, @CreoWis | Teacher, @tapaScript | Founder, @ReactPlay | YouTuber | Writer | Human
HI Tapas, Liked your app, Coincidentally, recently, I too had put in a very similar effort for my son's maths (grade 3) classes. I did it in pure html, js and css, using all the latest JS capabilities (classes, reduce, etc). I too have woven a platform whereby we can just plugin new type of problems without impacting the base framework. I was anyway planning to move it to react+node for my hands-on. Would love to demo you my effort and explore the opportunity of collaboration. I haven't deployed in any cloud env for global access though.
Jasvinder, That's great! Let's collaborate. I am out of all the actions for a couple of weeks. I shall touch base with you once I'm back. Please drop an email so that I know how to reach out to you.
What an amazing app idea and implementation. Really love it, the ui is very playful and kids friendly. Your daughter has the best dad
Thank you very much Omotola Shogunle. Appreciate you took the time to review and give feedback.
Will continue the project to improve further.
Yes please do Tapas Adhikary
This blogs makes you fall in love with learning and writing, soooooo well written! Really awesome one! Love it and thank you for this awesome blog :D
Thank you Sunrit. I'm very happy you liked it.😍
Wow this is just amazing! Not only a well-written hackathon article, but also an awesome and creative project! It just shows there's no limit to building things and solving problems with code! Very inspiring :)
Thank You, Victoria Lo for such an encouraging comment. Very happy to inspire :)
You are so inventive Tapas Adhikary, haha! This is the power of a developer - you can create anything to solve real problems!
Well done!
Thank you Catalin Pit. Very true, solving real-life problems gives a different level of satisfaction.
Glad you liked it.
Hey Tapas, I really liked the concept and UI is just wonderful.
When I saw the video, I thought app has sound feature also.
As it's more like a game and targeted on kids, adding some sound effect on click, correct answer, wrong answer and clicking the box would make the user experience much better I guess.
overall great work man !
Thank you Deepak Kumar. Glad you liked the concept and the work.
You have just given some great feedback about the sound. I'm surely going to consider that. Completely agree with you, it will enhance the UX and engagement.
In case you have time, please feel free to pour in more ideas and suggestions here, Feedback.
Thank you very much Yoog for such motivating comments.
I am gonna use this series in my learning process. This damn amazing project is really helpful and more than amazing. I sometimes don't get idea about what to build and all. But this series and all these projects told be build anything.
Loved this project, it looks attractive and very amazing for kids.
I have no words for this. My DAD is an Indian Army Officer I shouldn't expect anything like this for me.
Hey Rahul,
Thanks, for all the awesome words about these projects. We can collaborate in the future for making something even cooler.
My DAD is an Indian Army Officer I shouldn't expect anything from this for me.
Wow, great to know. We all expect lots from him in that case. He is a true hero 🙏.
Wow, this is a lovely application. Great idea Tapas Adhikary 🤩. I did leave feedback.
Thanks for the feedback, Favourite. Really appreciate it.
Thanks for loving the application too.
Here is a series to list down articles related to my experience in participating in several Hackathons. You can learn the motivation, process, full journey of those by reading these. Keep Hacking!
Learn how I have come up with the idea of making TryShape and the journey so far. Please read to know about the tech stack and its future.
Traditional SSR is great, but it has a massive buffering problem. Let's look into the SSR Streaming and learn how it could be a game changer.
Learn how to build maintainable, reusable forms in React using design patterns like custom hooks, compound components, and context for scalable CRUD
Learn how JavaScript variables work, including let vs const, primitive and reference types, pass by value, and how JavaScript stores data in memory.
A beginner-friendly introduction to JavaScript covering what it is, how it works, and how to set up your JavaScript environment
Learn how the promises are handled internally using event loop. This concept is essentials to debug and work with async programming.
GreenRoots Blog - A Blog by Tapas Adhikary
186 posts
Educator | YouTuber | Building ReactPlay | Let's Connect
Kids spending time on phones, tablets, computers is not very unnatural nowadays. Indeed lots to learn from online resources, apps, books, etc. The problem at my home was a bit different, though.
My daughter felt it quite dull 🙄 to practice mathematics from her textbooks and wished she had it all in her tabs or computer to do interactively. While that excuse itself had blown my mind and brain 🤯, she then started suggesting ideas about it. That's when I thought of trying out an app and came up with a working prototype.
Of course, there are plenty of amazing apps available to help in the interactive online study. However, as a father-and-developer, it was too hard to let go of this opportunity!
This article is to share the journey from the initial idea to the prototype done so far. Also, it is my official submission to the #AmplifyHashnode Hackathon. I hope you enjoy reading it.
Please watch this short demo 👇 (best with the SOUND ON 🔊).
Here goes the App link: https://dev.d3a42c69u8fqa5.amplifyapp.com/
Anko is a simple web application to help young kids engage with mathematics with fun. It has kid-friendly user interfaces(UI) designed with the target persona's user experience(UX) in mind.
But why is this strange name, ANKO?
Anko means
pointsin the Hindi language. It is also used for maths in some of the Indian languages.
So far, ANKO has the following features,
First is the Signup screen for registering the profile using details like name, email, age, and gender for using the app. The app will set a difficulty level automatically, but users can change it as they wish. This screen also allows a user to login if registered already.
After login, the user gets a friendly environment to get started with the math quiz practices. The environment includes a blackboard, a photo, and a tiny bookshelf hanging on the wall. It's how I see things at my home!
There is a magic box kept on the table. The user snaps (a fancy name of a tap or click) to take out a random math quiz. Look at that! The quiz travels to the blackboard and waits for the right answer.
The user gets an acknowledgment of the right and wrong attempt. A right attempt always comes with appreciation and motivating words.
Every right answer can get the user a point. Earning every 10 points helps the user to cross a level. The tiny progress bar at the top navbar helps to track the progress.
As of now, there are 20 levels to achieve in total.
The setting popup helps the user to alter the difficulty level at any point in time. It also includes a link to Logout from the application.
A few more key points,
ANKO supports responsiveness. It means users can use it on tablets, mobiles like hand-held devices using a browser.I have used the followings so far,
The Create-React-App was the default choice to get started with a React-based application. The next thing was to create a couple of DIVs and a button to prepare the app's initial page.
The top rectangle is styled to look like a Blackboard, and the below one a Table. How to do that? That's where CSS comes into play. The board, table, box, etc., are the SVG elements added to the respective UI elements using CSS.
The next part was to get the animation done. I had learned about CSS animation while creating a photo gallery a while back. With that knowledge, I could incorporate animate.css into the app.
Finally, created a Quiz Engine which can produce random mathematics quizzes on demand. The engine can produce different types of Quizzes. So far I have incorporated basic arithmetic, fill-in-the-gap, comparisons, and what comes before/after types. The engine is declarative and pluggable in nature to introduce a new quiz type without touching the base framework.
I'm presently hosting the app on AWS Amplify. I have used the manual publishing option to manage the app updates periodically. Getting started with Amplify was like a Cake Walk! This tweet summarizes all that you need to do.
Please feel free to access the app and play around.
Do you like it so far? Do you have a few words to say or let me know how do you feel about it? I'll appreciate it if you can take a couple of minutes to fill this tiny feedback form. It's always great to know, you care!
Yes, I've got a few plans.
open-source after a few clean-ups. I am hoping to get source code contributors to this project to manage and maintain it.Product Hunt someday?P.S. I love Coffee ☕. 