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.

Overview

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

You might also like...
Reading Ruler is a cross-platform (Windows/macOS/Linux) desktop app which displays translucent boxes on your screen to guide your eyes while reading.
Reading Ruler is a cross-platform (Windows/macOS/Linux) desktop app which displays translucent boxes on your screen to guide your eyes while reading.

Reading Ruler (beta version) Read better using a digital ruler. Reading Ruler is a cross-platform (Windows/macOS/Linux) desktop app which displays tra

A Cross-Platform App Store for Electron Apps
A Cross-Platform App Store for Electron Apps

The Electron App Store A Cross Platform App Store for apps built with ElectronJs or just a gui client for https://electronjs.org/apps Features Browse

A Cross-Platform App Store for Electron Apps
A Cross-Platform App Store for Electron Apps

The Electron App Store Features Browse Apps from 10+ Categories Search for apps by keyword and app name Download .exe , .appimage ,.dmg and other file

Grocery-organizer - Create grocery lists, Recipes, keep track of what ingredients you have/need

Vue-Fire-Tail 😎 Demo Here: Vue-Fire-Tail Try Logging with the following Email Address: [email protected] Password: [email protected] Steps Why Vue Fire Tail T

fendThorne - a decentralised cloud storage system built for army personnel to securely upload, download and share files
fendThorne - a decentralised cloud storage system built for army personnel to securely upload, download and share files

fendThorne is a decentralised cloud storage system built for army personnel to securely upload, download and share files. It uses Arcana SDK and Google OAuth under the hood for storage of files and authentication of users respectively.

Universal database layer for the client, server & mobile devices. It's like Lego for databases.

Monorepo for nanoSQL 2.0 For 1.X releases, you can go here. All links here send you to github source folders. Packages Core Adapters DynamoDB SQLite (

Social Ideation application to manage Ideas. Developed with Vue, Firebase & Vuetify
Social Ideation application to manage Ideas. Developed with Vue, Firebase & Vuetify

Idea Re-Vue 💡 Social ideation platform that helps you brainstorm Ideas. Create, edit, collaborate & share ideas in a fun, visual way 🥳 TRY IT FREE ?

It is easy vue todo app, using vuex to store the data. It is developed using element.ui.

todo-app It is an easy project to practice the integration between vue, vuex and Element.ui. Demo: https://oussamaalouat.github.io/vue-todo-app/ Proje

Commerce-hub - HotWax Commerce ionic commerce Hub App

Commerce Hub App Prerequisite Ionic CLI - If you don't have the ionic CLI instal

Owner
Software Developer
null
A line-network geolocation tool created for Bellingcat's September 2022 Hackathon

osm-finder The UI is now accessible from anywhere on Netlify: https://osm-finder.netlify.app/ Description One of the most prominent tools that assists

Grant Grubbs 90 Dec 18, 2022
Desktop app for miners on the Helium network. Small taskbar tool to follow status, activity and earnings for the chosen devices.

Helium-Flick is a desktop application for Helium hotspot owners, in the shape of a small taskbar tool, which allows you to follow the status, activity and earnings for the devices of your list. The purpose of this application is to keep track of all your hotspots, directly at the corner of your screen.

Justine Vedovato 23 Jun 16, 2022
Products-crud-vue - Products CRUD Operation Application in VueJS

product-crud-vue Descriptions: Product CRUD (Create, Read, Update, Delete) Appli

Ashish 0 Jan 26, 2022
Meals App using Vue.js 2, Vuetify, Vuex, Vue-Router & Axios.

Meals App using Vue.js 2, Vuetify, Vuex, Vue-Router & Axios.

Alexanyer Naranjo 7 Feb 4, 2022
A platform where users can sell and buy new as well as old/used products. Made using Golang, Gorilla Mux, SQLite and Vue.js

A platform where users can sell and buy new as well as old/used products. Made using Golang, Gorilla Mux, SQLite and Vue.js

Niloy Sikdar 18 Oct 6, 2021
Cashier application that user can manage users, categories, products and of course the process of recording sales.

Lumen Store ?? Project Progress Currently working on front-side What Project is this ?? ? First of all, this is my first ever project that i currently

Sabzeruz 2 Dec 4, 2022
Manage your android devices faster and easier !

Waterfal Project 是一个对新手友好的 Android 设备管理工具。 运行与构建 要运行 Waterfall Project ,您需要先安装 Nodejs 环境。 运行 npm install npm run electron:serve 构建 npm install npm ru

null 9 Jan 3, 2023
An open social network where anyone can share their ideas and opinions.

Supagram An open social network where anyone can share their ideas and opinions. Demo Supagram Supabase Hackathon This project was started to particip

Lautaro Pereyra 9 Dec 9, 2022
Frontend for DSCVIT's internal pastebin and URL shortener

Frontend for DSCVIT's internal pastebin and URL shortener

GDSC VIT Vellore 11 Dec 1, 2022
Web platform for managing virtual gift lists of products and/or money for any commemorative occasion.

Web platform for managing virtual gift lists of products and/or money for any commemorative occasion.

Cristine Scheibler 2 Apr 6, 2022