Git Product home page Git Product logo

marianapatcosta / veggie-foodie Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 6.0 14.93 MB

Cross-platform mobile App developed with Ionic, Capacitor and Vue3 to manage and share vegetarian meals, recipes and products, using device's internal storage, camera, geolocation, share and network functionalities.

Home Page: https://play.google.com/store/apps/details?id=io.costa.mariana.veggie.foodie

JavaScript 27.28% Java 1.17% HTML 0.80% Vue 57.81% CSS 7.95% TypeScript 0.22% Swift 3.12% Ruby 1.56% Shell 0.09%
ionic capacitor sqlite javascript vuex vue3 composition-api geolocation-api internationalization dark-theme

veggie-foodie's Introduction

Veggie Foodie App

Cross-platform mobile app that allows to keep a record of favorite vegetarian meals, recipes and products, by listing, creating, editing and deleting them. The user can upload or take photos of each item, and order the listed items by different fields, in ascending and descending way. All data handling is managed in the storage device. The items can also be shared. Includes optional login with Google OAuth It was developed using Ionic, Capacitor, Vue 3 with Composition API, Vuex and SQLite database. veggie-foodie-overview

The following environnement variable must be configured:

  • VUE_APP_GEOLOCATION_KEY
  • VUE_APP_GOOGLE_API_KEY
  • VUE_APP_OAUTH_CLIENT_ID
  • VUE_APP_OAUTH_CLIENT_ID_WEB

Available Scripts

In the project directory, you can run:

yarn install

Installs all the dependencies required to run and develop this application.

Be sure that the .env.example file is renamed to .env and all the values for the variables declared in this file are properly fulfilled with your data.

yarn serve or ionic serve

Runs the app in the development mode.
Open http://localhost:8081 to view it in the browser.

yarn build or ionic build

Builds the app for production for android devices, so the app can be run in the android emulator or device

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

npx cap copy

wraps the native app into the build ionic app. should be run every time the app is built.

npx cap run android

npx cap open android

opens the build app in Android Studio

npx cap open ios

opens the build app in X-Code

build apk

in Android studio go to Build -> Generate Signed Bundle / APK and fill the form and follow the instructions. The .apk will be generate in app\android\app\release\app-release.apk

debug device emulator in chrome

chrome://inspect:device

veggie-foodie's People

Contributors

marianapatcosta avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.