Kids Playground

Kids Playground is a kid-friendly mobile application designed to make learning fun and interactive. The app helps cultivate strong mathematical skills while offering engaging activities like a drawing playground and a game called Catch the Fruits.

Features

• Math Quiz : Simple and easy to understand questions aimed towards improving arithmetic operations of kids.

  • It contains 5 Options : 1.Addition, 2.Substraction, 3.Division, 4.Multiplication and 5.Random Operations.

• Fruit Find : A simple game to catch fruits that randomly appears on the screen, helps kid's to improve their focus and reflexes.

• Playground : A amazing drawing canvas that let's your kid to unleash their creative desire on your phone screen.

  • It provides the features like undo, redo, clear screen, colour pallate, and brush width.

Quick

Math Quiz	Fruit Find	Playground
WhatsApp.Video.2024-11-23.at.10.05.22_420e747c.mp4	WhatsApp.Video.2024-11-23.at.10.05.19_0660e1e0.mp4	WhatsApp.Video.2024-11-23.at.10.05.18_33e13d85.mp4

Programming

Let's Dive into programming terms!

Prerequisites : Before we begin try to learn about these topics : Intents, XML, Acitivites, DataBinding and Kotlin.

Note

Checkout Drawing Canvas Library which we have used for creating Playground feature.

Ui

For Ui design i have used MaterialDesign guidelines for margins, padding and etc with custom touch for button styling.

Button Style(Material Card View)

Text Style

KidsPlayground/app/src/main/res/values/styles.xml Lines 4 to 21 in 5e68901 <style name="mainButton" parent="Widget.Material3.CardView.Elevated"> <item name="android:layout_width">0dp</item> <item name="android:layout_height">200dp</item> <!-- <item name="cardElevation">1dp</item>--> <item name="strokeWidth">0dp</item> <item name="cardElevation">0dp</item> </style> <style name="operatorButton" parent="Widget.Material3.CardView.Elevated"> <item name="android:layout_width">0dp</item> <item name="android:layout_height">150dp</item> <!-- <item name="cardElevation">1dp</item>--> <item name="strokeWidth">0dp</item> <item name="cardElevation">0dp</item> </style>

KidsPlayground/app/src/main/res/values/styles.xml Lines 22 to 26 in 5e68901 <style name="mainButtonText"> <item name="android:fontFamily">@font/fredoka_one</item> <item name="android:textSize">20sp</item> </style> </resources>

That's it, you don't need to change any thing more.

Tip

Font used for project are Fredoka.
if you want to use any other font, i highly suggest you to use google fonts.(for copyright reasons)

XML File list :

• activity_main.xml : Home Screen
• activity_operators.xml : Operators/ Match Quiz
  • activity_addition_game.xml : Addition Game
  • activity_substraction_game.xml : Substraction Game
  • activity_division_game.xml : Division Game
  • activity_multiply_game.xml : Multiply Game
• activity_catch_fruit.xml : Find Fruit Game
• activity_draw_canvas.xml : Drawing Canvas