{"id":50612436,"url":"https://github.com/anuragyadav20062002/ocr-app","last_synced_at":"2026-06-06T05:02:16.585Z","repository":{"id":242440904,"uuid":"809368632","full_name":"anuragyadav20062002/ocr-app","owner":"anuragyadav20062002","description":"Using this application you can Scan Thai ID cards using Google Cloud Vision API","archived":false,"fork":false,"pushed_at":"2024-06-03T06:04:15.000Z","size":978,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-06-04T03:59:13.086Z","etag":null,"topics":["cloudvision","python3","reactjs","shadcn-ui"],"latest_commit_sha":null,"homepage":"","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/anuragyadav20062002.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":"2024-06-02T13:53:37.000Z","updated_at":"2024-06-03T06:04:18.000Z","dependencies_parsed_at":"2024-06-03T04:07:12.394Z","dependency_job_id":null,"html_url":"https://github.com/anuragyadav20062002/ocr-app","commit_stats":null,"previous_names":["anuragyadav20062002/ocr-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anuragyadav20062002/ocr-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuragyadav20062002%2Focr-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuragyadav20062002%2Focr-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuragyadav20062002%2Focr-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuragyadav20062002%2Focr-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anuragyadav20062002","download_url":"https://codeload.github.com/anuragyadav20062002/ocr-app/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anuragyadav20062002%2Focr-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33969883,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-06T02:00:07.033Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["cloudvision","python3","reactjs","shadcn-ui"],"created_at":"2026-06-06T05:02:15.806Z","updated_at":"2026-06-06T05:02:16.581Z","avatar_url":"https://github.com/anuragyadav20062002.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# OCR-APP\n\n# Application Architecture\n\n## Overview\n\nThis application is built using Flask for the backend and React for the frontend. It integrates with MongoDB for data storage and uses Google Cloud Vision API for OCR (Optical Character Recognition). The application allows users to upload images of Thai ID cards, extract relevant information using OCR, and manage the extracted data through a CRUD interface.\n\nApplication Demo Video - https://www.loom.com/share/551da3436b124ec89b23b49790ff8396?sid=295e08f9-5361-448d-b05f-573571881f5e\n\nCode Explanation Video- https://www.loom.com/share/f0501da8a36848ef9ff52107da7ab9d3?sid=70ce2476-b4d5-4993-9d29-5a8b534a102e\n\n## Technologies Used\n\n- **Backend**: Flask\n- **Frontend**: React\n- **Database**: MongoDB\n- **OCR**: Google Cloud Vision API\n- **Styling**: Tailwind CSS (or Bootstrap, if preferred)\n- **State Management**: React Hook Form\n\n## Backend\n\n### Flask Application\n\nThe Flask application handles the following tasks:\n\n1. **OCR Processing**:\n   - Uses Google Cloud Vision API to detect text in uploaded images.\n   - Extracts relevant information using regular expressions.\n\n2. **CRUD Operations**:\n   - Provides endpoints to create, read, update, and delete OCR data in MongoDB.\n\n3. **CORS**:\n   - Enabled using `flask-cors` to allow cross-origin requests from the React frontend.\n\nUsing this application you can Scan Thai ID cards using Google Cloud Vision API and get following information \n\n\u003cul\u003e\n\u003cli\u003eIdentification Number\n\u003cli\u003eName\n\u003cli\u003eLast Name\n\u003cli\u003eDate of Birth\n\u003cli\u003eDate of Issue\n\u003cli\u003eDate of Expiry\n\u003c/ul\u003e\n\nTo use this application, you will need following things\n\n\u003cul\u003e\n\u003cli\u003eCloud Vision Credentials to use the API\n\u003c/ul\u003e\n\nHere are the steps in which you can access the application after you have successfully added your credentials path in main.py\n\n\u003cul\u003e\n\u003cli\u003e cd into the server folder and run - python main.py into the terminal which will start your development server\n\u003cli\u003e cd into the source folder and run - npm run dev into the terminal which will start your React client\n\u003c/ul\u003e\n\nOn the main page, click on no file chosen and select the image, after the image is selected click on Upload. You will see the results on the right panel like this\n![Main Page](image.png)\n\nClick on Save Button to save the details into the database.(MongoDB)\n\nAfter Saving navigate to /data endpoint which is the \u003cstrong\u003eOCR Management Console\u003c/strong\u003e, where you can Create,Update,Delete and Read all the OCR Results available in the Database. \n\n![OCR Data Management](image-1.png)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuragyadav20062002%2Focr-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanuragyadav20062002%2Focr-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanuragyadav20062002%2Focr-app/lists"}