Code Monkey home page Code Monkey logo

hopesdreamspromises's Introduction

get-to-the-shoppah

Class assignment.

Deployment instructions:

  1. Clone repo locally.
  2. In main repo, run bower install
  3. In main repo, run serve
  4. Navigate to http://localhost:3000/#/

Description

It's beginning to look a lot like Angular, everywhere you go....take a look at the npm, time to install again, with Angular and using the ng-show!

A common application that drives companies' revenue is a shopping experience, just look at Amazon, Thinkgeek and the like.

In this assignment, you will be making your very own shopping experience, using angular.

Objectives

Learning Objectives

After completing this assignment, you should…

  • Understand basic Angular Routing using ngRoute
  • Beginning proficiency in leveraging controllers and services to do their respective MVC things.
  • Learn more deeply the built in functionality of Angular and the effective use of directives.
  • Understand Dependency Injection and the differences with a normal function.
  • CRUD to a server multiple models

Details

Deliverables

  • A repo containing at least:

    • bower.json
    • app.module.js
    • index.html
    • controllers.js
    • services.js

Requirements

  • There should be 2 separate sections, an admin section and a consumer section.
  • Admin Section:
    • Admins have the ability to CRUD Products to your cart
    • Product Model should have the following attributes:
      • Picture (via a link, no upload)
      • Product name
      • Product Description
      • Product Price
      • Reviews (array of objects)
        • each review will contain:
          • name
          • review
          • rating (can be star rating, or numerical)
  • Consumer Section
    • Will be able to browse a list of Products
    • Can navigate to a product detail page to get more information, including Reviews
    • Can submit a review to a product as well as give rating
    • Will be able to add any product to a shopping cart and adjust quantity Shopping Cart for consumer
      • will include Product Name, Product Price, and quantity
      • Cart will calculate a total
      • a checkout button will simply navigate to another page and print a 'receipt'

Normal Mode

Normal mode is to satisfy the requirements above.

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.