Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prem-acharya/document-scanner
The application opens the camera to capture document images and then crops them for improved framing. It offers various filters to enhance the images before uploading the final version to Firebase Storage. Additionally, it records image details including URL and timestamp in Firebase Firestore for efficient management and retrieval.
https://github.com/prem-acharya/document-scanner
camera document-scanner firebase firestore image-processing reactjs storage-api
Last synced: 15 days ago
JSON representation
The application opens the camera to capture document images and then crops them for improved framing. It offers various filters to enhance the images before uploading the final version to Firebase Storage. Additionally, it records image details including URL and timestamp in Firebase Firestore for efficient management and retrieval.
- Host: GitHub
- URL: https://github.com/prem-acharya/document-scanner
- Owner: prem-acharya
- Created: 2024-03-02T13:34:29.000Z (9 months ago)
- Default Branch: master
- Last Pushed: 2024-03-30T07:47:43.000Z (8 months ago)
- Last Synced: 2024-03-30T08:34:08.674Z (8 months ago)
- Topics: camera, document-scanner, firebase, firestore, image-processing, reactjs, storage-api
- Language: JavaScript
- Homepage:
- Size: 1.16 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Document Scanner App
A React-based web application for capturing, cropping, and uploading document images.
## Technologies Used
- React
- React Router
- Firebase (Firestore and Storage)
- react-toastify
- react-image-crop
## Features
- Open camera and capture document images.
- Crop captured images for better framing.
- Apply filters to cropped images.
- Upload the final image to Firebase Storage.
- Record image details (URL and timestamp) in Firebase Firestore.
## Getting Started
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.
### `npm test`
Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!