/Revieu

Product Review App React Native App with Barcode Scan and Camera functions

Primary LanguageJavaScript

Revieu Frontend / Backend

revieu

Product Review App React Native App with Barcode Scan and Camera functions

Table of Contents

About the app

Product Review App with Barcode Scan and Camera functions.

Create this app for Japanese who is new or live in Europe. when I first came to Germany,

I have no idea which product to buy at supermarket or drugstore.

With this app you can the product and see the reviews from other Japanese who lives in europe.

Add Product infomation(Photos and product name etc..will be fetched using Open food facts API (https://de.openfoodfacts.org/data)) and store it to our MongoDB data base

GIF

alt text

alt text

alt text

Features

  1. Secure login / Registration
  2. Refersh Token
  3. Searching / Adding products by scan barcode fetch data either from our Database or Open Food Fact API
  4. Store scanned product into Database automatically
  5. Review products
  6. Filter product by product name, barcode, any keywords

Running locally

Requirements

  • Node & NPM
  • Expo CLI
  • Expo Go mobile app or iOS Simulator and/or Android emulator

Steps

Frontend

$ git clone git@github.com:carveler/Revieu.git
$ cd Revieu/mobile-client/  
$ npm install 
$ npm start

Backend

$ git clone git@github.com:carveler/Revieu.git
$ cd Revieu/server/
$ npm install 
$ touch .env
Add a .env file
$ npm start

.env

MONGO_URI_DEV=
REFRESH_JWT_KEY_DEV=
VER_KEY_DEV=
FRONTEND_ORIGIN_DEV=
MONGO_URI_PROD=
VER_KEY_PROD=
FRONTEND_ORIGIN_DEV=
CLOUDINARY_URL=

Technologies

Frontend

  1. React Native
  2. React Navigation
  3. Redux
  4. Expo
  5. Axios
  6. React Native Paper
  7. React Hook Form
  8. a number of 3rd-party libraries

Backend

  1. Node.js
  2. MongoDB
  3. Express
  4. Cloudinary
  5. Open food facts API (https://de.openfoodfacts.org/data)
  6. a number of 3rd-party libraries

Upcoming features

  1. Desktop Client App with Next.js

TEAM