Giter VIP home page Giter VIP logo

everylittlebite's Introduction

EveryLittleBite

Built by Hailey Dangel, Designed by Benjamin Frates https://everylittlebite.herokuapp.com/

#Technical Requirements

  • Create an application using at least 2 related models, one of which should be a user
  • Include all major CRUD functions for at least one of those models
  • Create your own front-end with HTML, Javascript, & jQuery
  • Add authentication to restrict access to appropriate users
  • Craft thoughtful user stories together, as a team
  • Manage team contributions and collaboration using a standard Git flow on Github
  • Layout and style your front-end with clean & well-formatted CSS, with or without a framework.
  • Deploy your application online so it's publically accessible

Technologies Used:

  • Angular
  • Mongo
  • Express
  • Java Script
  • Html
  • CSS
  • Bootstrap

Installation Instructions:

  • Fork and clone the reapo.
  • Run npm install to install the dependencies.
  • Save the world!

User Stories:

Wireframes:

Approach Taken:

Day 1 & Day 2:

I really wanted to build this site out using Ionic. I spent day one and day two researching Ionic and trying to learn TypeScript, Cordova, Angular 2, Ionic v2 and v3, and several various backend db options it allowed for. In the end I couldn't find information reliable enough for me to feel I could build out all that I wanted to build within my remaining three days so I switched gears to a MEAN stack app.

Day 3:

I got the pantry and user dbs up and connected. I built out an API that we're going to populate with food images and information because I couldn't find one that offerred the information I needed.

Day 4:

I finished getting a recipe API connected and built an admin controller to help prevent access to admin pages.

Day 5:

Working on styling and some debugging.

Roadbumps:

Not being able to get Ionic to work within this time frame was very dissapointing and frustrating. Ionic just updated to v3 and I believe that is why the tutorials I was finding weren't working. In the end it was just going to be too much to learn and build in a week.

everylittlebite's People

Contributors

hailz avatar

Watchers

James Cloos 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.