mathilde206 / angular_todo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Angular Todo App

Overview

What is this app for?

This is a Todo app. It helps users to keep track of any things that they have todo.

What does it do?

This app will allow users to register and login. Once the users have done that, they'll be able to create items to add to their todo list. Once they've created their todo list, they'll be able to update the status of each item and even delete items!

How does it work

This app uses JSON Web Tokens to authenticate users and keep them logged in. All the data is consumed from an API hosted on Heroku using AngularJS. The site is styled with Bootstrap.

Features

Existing Features

  • User Based Features

    • Registration
    • Login
    • Logout
  • Todo Based Features

    • Creating Todo Items
    • Retrieving Todo Items
    • Updating Todo Items
    • Deleting Todo Items

Tech Used

Some the tech used includes:

  • AngularJS
    • We use AngularJS to handle page routing, we also use it to make calls to the REST API and build custom directives
  • Bootstrap
    • We use Bootstrap to give our project a simple, responsive layout
  • npm
    • We use npm to help manage some of the dependencies in our application
  • bower
    • Bower is used to manage the installation of our libraries and frameworks

Contributing

Getting the code up and running

  1. Firstly you will need to clone this repository by running the git clone https://github.com/mathilde206/angular_todo.git command
  2. After you've that you'll need to make sure that you have npm and bower installed
  3. You can get npm by installing Node from here
  4. Once you've done this you'll need to run the following command: npm install -g bower # this may require sudo on Mac/Linux
  5. Once npm and bower are installed, you'll need to install all of the dependencies in package.json and bower.json
npm install

bower install
  1. After those dependencies have been installed you'll need to make sure that you have http-server installed. You can install this by running the following: npm install -g http-server # this also may require sudo on Mac/Linux
  2. Once http-server is installed run http-server -c-1
  3. The project will now run on localhost
  4. Make changes to the code and if you think it belongs in here then just submit a pull request

About


Languages

Language:JavaScript 48.7%Language:HTML 48.3%Language:CSS 3.0%