A learning website for kids who started their journey to learn alphabets, you can play on on desktop/laptop on the
-
clone this repo and navigate to folder and run
npm install
-
build client and server using webpack by running
npm run build
-
start the app
npm run start
open localhost:3003 to see the main page in browser
user press any key
on right side that key name will be appeared in white color with big font size
-
if this key is a number than background-color will change and that number of circle appears which key is pressed. for eg. if 3 is pressed than 3 circle will appears.
-
if this key is any alphabet than background Image will be changed to that background. for eg if user press A than background image will be changes to Apple. Note: all images are in .jpg format only.
there is grid of green blocks of 26 letters
kid type any letter from keyboard, then that block will be display the text and if type same letter again then it disappears again
kid can generate image of the initial of the text entered in input box with new background every time or kid can print current time by click on time button.
we can save the image via right click of generated image