GithubHelp home page GithubHelp logo

stylianosnicoletti / macrozilla Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 1.93 MB

Track daily food intake ๐Ÿ“…, respecting your macro nutrient targets ๐Ÿฅช.

Home Page: https://themacrozilla.com

License: MIT License

JavaScript 0.94% TypeScript 73.29% HTML 20.16% SCSS 5.09% Java 0.52%
actions android angular capacitor cloudfunctions diet firebase firestore fitness ionic macros rxjs

macrozilla's Introduction

Welcome to my page!


I'm Stylianos Nicoletti (Stelios), Fullstack developer from Nicosia, Cyprus.

Things I work with:

React Webpack Docker capacitor TypeScript github actions poweshell ionic vscode Google Cloud Platform jira stripe eslint dotnet vstudio rpi angular twilio npm git html5 google analytics java aws Prettier linux csharp Nodejs androidstudio postgre python supabase shellscript markdown intelij webstorm

Where to find me:

twitter LinkedIn instagram Github

macrozilla's People

Contributors

stylianosnicoletti avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

macrozilla's Issues

Edit Page change name

Being able to change name but inform that all previously added foods wills stay as entered

Add comment documentation everywhere

Follow this approach:

 /**
 * Adds a tear down to be called during the unsubscribe() of this
 * Subscription. Can also be used to add a child subscription.
 *
 * If the tear down being added is a subscription that is already
 * unsubscribed, is the same reference `add` is being called on, or is
 * `Subscription.EMPTY`, it will not be added.
 *
 * If this subscription is already in an `closed` state, the passed
 * tear down logic will be executed immediately.
 *
 * When a parent subscription is unsubscribed, any child subscriptions that were added to it are also unsubscribed.
 *
 * @param {TeardownLogic} teardown The additional logic to execute on
 * teardown.
 * @return {Subscription} Returns the Subscription used or created to be
 * added to the inner subscriptions list. This Subscription can be used with
 * `remove()` to remove the passed teardown logic from the inner subscriptions
 * list.
 */

Favourite

In user's document create a new field with a favorites collection of "Food Reference to it's document".

In 'tab-foods-database.page.html' add a button to route you to a new page with you Favourite items.

This new page will allow searching items to add or delete to and from favourite list.

Use accordion in "add-entry-search-page.html" to display the favorite items.

<!-- Recent and Favourite --> <ion-accordion-group> <ion-accordion value="recentItems"> <ion-item slot="header"> <ion-label>๐Ÿ•‘ Recent foods</ion-label> </ion-item> <ion-list slot="content"> <ion-item> <ion-label>Red</ion-label> </ion-item> <ion-item> <ion-label>Blue</ion-label> </ion-item> </ion-list> </ion-accordion> <ion-accordion value="favourite"> <ion-item slot="header"> <ion-label>โญ Favourite</ion-label> </ion-item> <ion-list slot="content"> <ion-item> <ion-label>X</ion-label> </ion-item> <ion-item> <ion-label>Y</ion-label> </ion-item> </ion-list> </ion-accordion> </ion-accordion-group>

Items will be fetched when the accordion is opened to avoid delay on this page.

Update existing "createNewUserFields" cloud function to add the new empty collection for a new user.
Afterwards, Create and do a custom run cloud function to update existing users with the favourite collection.

Chart Sizes Fix

Try to minimize size of doughnut chart. Also see their responsiveness when window size changes on large screens.

Back button

Using back button is navigating to the previous page.

Saw this behaviour on web app.
Sumbited an entry(food consumed), directs to daily entry page, when pressing back button it goes back to submission form

Edit button

Take entry's document to display edit info E.g. per 30 grams -> x protein y carbs etc.
On edit -> delete and re-add from total calories, carbohydrates, etc..

Implement autocomplete search

Using cloud function splitting words and storing indexedsearch array for each item when an item is added.

Then when searching see if the array contains the keyword and or keywords in the array.

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.