{"id":17794558,"url":"https://github.com/alexander-ding/nn-flowchart","last_synced_at":"2026-04-13T04:51:34.093Z","repository":{"id":114642221,"uuid":"180789394","full_name":"alexander-ding/nn-flowchart","owner":"alexander-ding","description":"Define and train simple neural networks with a drag-and-drop UI","archived":false,"fork":false,"pushed_at":"2023-05-01T20:33:38.000Z","size":3259,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-07T17:31:45.041Z","etag":null,"topics":["postgresql","python","reactjs"],"latest_commit_sha":null,"homepage":"https://ading.dev/nn-flowchart/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alexander-ding.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-04-11T12:40:55.000Z","updated_at":"2022-08-03T03:11:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"38dfba97-a26e-484d-b6d2-2bbccebe7210","html_url":"https://github.com/alexander-ding/nn-flowchart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-ding%2Fnn-flowchart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-ding%2Fnn-flowchart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-ding%2Fnn-flowchart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alexander-ding%2Fnn-flowchart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alexander-ding","download_url":"https://codeload.github.com/alexander-ding/nn-flowchart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246742634,"owners_count":20826373,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["postgresql","python","reactjs"],"created_at":"2024-10-27T11:16:55.134Z","updated_at":"2026-04-13T04:51:29.036Z","avatar_url":"https://github.com/alexander-ding.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Neural Net Flowchart\n\nAn in-browser playground to rapidly experiment with simple neural network architectures.\n\n## Features\n\n- Use the simple drag-and-drop UI to define neural network architecture\n- Train and test in the browser with Tensorflow.js\n- Save your model and share the permalink\n- Download your model as a Tensorflow.js JSON file\n\n## Getting Started\n\nThis codebase uses two servers: a Flask server for the backend API and a React-based frontend (which, after it is built, can be deployed by any static server).\n\n### For the Frontend (assuming Mac OS)\n\nFirst install `homebrew`.\n\n```Bash\n/usr/bin/ruby -e \"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)\"\n```\n\nThen use it to install `NodeJS`.\n\n```Bash\nbrew install node\n```\n\nGo install all the dependencies via\n\n```Bash\nnpm install\n```\n\nFinally, go make a production build, which bundles together the frontend code into one `/build` folder to be served by the server.\n\n```Bash\nnpm run build\n```\n\nTo serve the build, install\n\n```Bash\nnpm i serve\nserve -s build\n```\n\nOr use your preferred static server.\n\nNow you're all set for the frontend.\n\n### For the Backend\n\nSetup an SQL server and create a database. Then go to `config.py` to setup the SQL login.\n\nFor example, for Postgres,\n\n```Python\nSQLALCHEMY_DATABASE_URI = \"postgresql://{login}:{password}@{database_url}/{tablename}\"\n```\n\nNow we install the Python dependencies:\n\n```Bash\npip install -r requirements.txt\n```\n\nOne last thing, be sure to migrate the database (see below). Run `python run.py` to start the server.\nThen go `serve -s build` to serve the frontend. Things should be working now.\n\n## Migrate Database\n\nIf the directory `server/migrations` does not exist, run\n\n```Bash\npython migrate.py db init\n```\n\nand complete the following.\n\nEvery time the SQL database structure is updated in the Python code, run the following code in order to update the SQL server.\n\n```Bash\npython migrate.py db migrate\npython migrate.py db upgrade\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexander-ding%2Fnn-flowchart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falexander-ding%2Fnn-flowchart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falexander-ding%2Fnn-flowchart/lists"}