Giter VIP home page Giter VIP logo

angular-card-app's Introduction

angular-card-app

Project Description

  • This Card app is developed using angular modules and has the following features.

  • Each card has:

    • An image (hard coded the images for now)
    • A title
    • A very basic description

  • A user can:

    • Create a new card
    • Delete a card
    • Update a card

  • Two types of layouts:

    • Grid view
    • List view

  • Header has a create new card button and toggle grid/list view button.

  • Separate controllers for Header and the remaining body.

  • All data is saved in browser's localstorage when a card is added/deleted/updated using ngStorage module.

  • All cards don't load at once (initially default 6 cards). Next set of 6 cards load on infinite scroll (limited them to 200 for now) using ngInfiniteScroll module.

Developing?

  • Run npm install to install for npm dependencies.
  • Install bower globally: sudo npm install bower -g
  • Run bower install to install for bower dependencies.

Start app?

  • No server. Just run open index.html and it should open the app
  • Alternatively you can navigate to this folder and open index.html in your browser too

angular-card-app's People

Contributors

sankalplakhina avatar

Watchers

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