https://github.com/codebloodedmama/safebyte_react_bachelor
React pwa app for scanning barcodes and match it up to your allergies.
https://github.com/codebloodedmama/safebyte_react_bachelor
Last synced: about 1 year ago
JSON representation
React pwa app for scanning barcodes and match it up to your allergies.
- Host: GitHub
- URL: https://github.com/codebloodedmama/safebyte_react_bachelor
- Owner: CodeBloodedMama
- Created: 2024-10-30T10:28:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-21T13:21:27.000Z (over 1 year ago)
- Last Synced: 2025-06-11T19:49:58.130Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://safe-byte-react-bachelor.vercel.app
- Size: 14.4 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bachelor project SafeByte
This project is a bachelor project
developed by E.Lennert,
software technology diplomaengineering @ Aarhus University, ECE.
# SafeByte
SafeByte is a React Progressive Web App that helps users manage food allergies. Once logged in, users can add allergens to their profile and scan food barcodes to check if products contain any allergens they should avoid.
---
## Features
- **User Login & Registration** via Firebase
- **Allergen Profile Setup**
- **Barcode Scanning** to identify allergens in food products
- **Real-Time Alerts** for allergen detection
---
### Installation
1. Clone the repo:
```bash
git clone https://github.com/yourusername/safebyte.git
cd safebyte
```
2. Install dependencies:
```bash
npm install
```
3. Run the app:
```bash
npm start
```
Your app will be live at `http://localhost:3000`.
---
3.1
app now deployed to vercel and is accessible at 'safe-byte-react-bachelor.vercel.app'
---
## Dependencies
- **React & React-Router-DOM**: Core framework and routing
- **Firebase**: For Authentication and Firestore
- **@zxing/browser**: For barcode scanning
- **Axios**: For API requests to OpenFoodFacts
install these by using
```bash
npm install [name]
```
## Usage
1. **Log in or Sign up**: Users create an account or log in to manage allergens.
2. **Add Allergens**: Set up your profile with any food allergies.
3. **Scan Barcodes**: Use the in-app barcode scanner to check products.
4. **Allergen Detection**: The app flags any allergen matches in scanned products.
- **PWA**: Installable on mobile as a PWA.
- **License**: Add any licensing info here if needed.
For issues, contributions, or questions, feel free to reach out to me in GitHub @CodeBloodedMama