Giter Club home page Giter Club logo

yumyumlog's Introduction

Yum YumLog

Collaborators: jbcurrie | dizDonut | travjbarnes | buikevin96

Yum Yum Log is a full stack web application that allows users to log their weekly food entries, track their personal progress, see nutrition data, and compare their results to the larger community.

The application stores nutrition data to a SQL database, and manipulates the data models with the Sequelize ORM. Handlebars.js is being used to render the front-end view.

Yum Yum Log is password protected, with authenticated API routes.

Demo the App

Slide Deck

Features

  • Authentication and secured login

    Using passport.js and an encryption function, each user has secured access to their profile.

  • API routing

    Server-side authenticated API routes request and deliver data objects for manipulation on the client-side application interface. Based on the category selected, the user receives a datalist of food from the MySql database.

  • Persistent data storage

    Yum Yum Log stores daily food log entries to MySql; the data is persistent, which allows the app to show users their personal progress over time; a community dashboard page shows progress for all users by category (fruits or vegetables).

    Using tools such as the Moment.js library, the app logs entries for the current calendar week and displays historical food log data

  • View

    Handlebars.js allows the application to dynamically display data to the webpage, creating a friendlier presentation for the user.

Technologies: Node.js, Express.js, Sequelize, Passport.js, bcrypt, handlebars.js, Heroku, W3CSS

yumyumlog's People

Contributors

dizdonut avatar jbcurrie avatar

Stargazers

 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

jbcurrie

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.