https://github.com/chirag2203/alphabetlearning_learno_hci_project

This application allows you to practice writing letters and checks if you have written correct using neural networks
https://github.com/chirag2203/alphabetlearning_learno_hci_project

alphabet-learning css gemini-pro html javascript letter-recognition machine-learning neural-network neural-networks react ui-design

Last synced: about 16 hours ago
JSON representation

This application allows you to practice writing letters and checks if you have written correct using neural networks

• Host: GitHub
• URL: https://github.com/chirag2203/alphabetlearning_learno_hci_project
• Owner: Chirag2203
• Created: 2024-02-23T18:50:06.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-05-23T08:50:24.000Z (7 months ago)
• Last Synced: 2024-05-23T09:51:18.620Z (7 months ago)
• Topics: alphabet-learning, css, gemini-pro, html, javascript, letter-recognition, machine-learning, neural-network, neural-networks, react, ui-design
• Language: JavaScript
• Homepage: https://alphabet-learning-learno-hci-project.vercel.app
• Size: 10.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Alphabet Learning Application for children

This Application is meant to help children learn and practice letters.

This application shows letters corresponding to images, and using neural networks, we can predict what letter is drawn by the user.

## Prediction and Recognition

The application uses Neural Networks to predict and recognise the letter the user draws. The code for the same can be found in this file.

```

src/components/Recognition/letterRecognition.js

```

## Features

This application has the following features.

#### Child Console

Children have the following features and options to work with

- Intro to interface -  Used IntoJs to provide a walkthrough so the user knows what each button does.

- Speaking feature - The user can use the speak function to hear the letter. For example, you can hear A for Apple.

- Images corresponding to the letter.

- Input Canvas for allowing users to draw letters.

- Color and brush size selectors.

#### Recognition

- Neural networks were used to predict the top 10 predictions of the letters.

- We check if the letter displayed is the same as the top letter predicted.

#### Parent Console

- A dummy page that can be developed to make the application complete stack and make courses for children to understand more about the stats.

## Run Locally

To run the application, use the following commands.

```bash

//backend

cd backend

npm i

npm run dev

//frontend

npm i

npm run dev

```

## 🔗 Links

Github Repo:

https://github.com/Chirag2203/DoubleImageEncrytion