https://github.com/rnuv/ai-digits

A React/Flask Web Application that implements my custom Neural Network library with the MNIST database to let a user draw a digit on a canvas while the model attempts to guess what digit it is.
https://github.com/rnuv/ai-digits

material-ui neural-network node pickle python reactjs

Last synced: 4 months ago
JSON representation

A React/Flask Web Application that implements my custom Neural Network library with the MNIST database to let a user draw a digit on a canvas while the model attempts to guess what digit it is.

• Host: GitHub
• URL: https://github.com/rnuv/ai-digits
• Owner: rNuv
• Created: 2021-02-03T03:25:06.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-06-15T06:29:22.000Z (about 2 years ago)
• Last Synced: 2025-01-24T10:27:29.481Z (5 months ago)
• Topics: material-ui, neural-network, node, pickle, python, reactjs
• Language: Python
• Homepage:
• Size: 73.6 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AI Digits

## Description

For my Independent Study - AI Class, I decided to interface with the neural network library I created in Python through a web application. The application lets you draw a digit and feed that to a trained neural network served by a Flask backend. It attempts to classify what digit you drew. The results were... decent😬 .Turns out passing stringified image data to a backend is harder than it looks. 

## Pictures



  





  





  AI Digits in light and dark mode.



## Technologies

- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

- ![MUI](https://img.shields.io/badge/MUI-%230081CB.svg?style=for-the-badge&logo=mui&logoColor=white)

- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

- ![Flask](https://img.shields.io/badge/flask-%23000.svg?style=for-the-badge&logo=flask&logoColor=white)

- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

- ![Python](https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54)

- my neural network package (https://github.com/rNuv/Artificial-Neural-Network)

- react-canvas-draw (https://www.npmjs.com/package/react-canvas-draw)

---

*Made with <3 by Arnav, circa 2020*