Skip to content
A Todo lists app with social login built on angular js and firebase.πŸ“ƒ
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public login problem fixed Jun 30, 2017
.firebaserc
README.md
firebase.json

README.md

TodoApp-with-login

A Todo List web app made with Angular JS and firebase as database. Create a new list, add tasks to the list save your work by signing in using google, facebook, twitter or github.

Table of Contents

Getting Started

First thing you need to do to use this project is to clone it using the following command -

git clone https://github.com/prateek3255/TodoApp-with-login.git

Initially you would need to replace the firebase config in the index.html with your own firebase config settings so that it works on your firebase database, for more details on how to do that you can follow the process described here.

The project is divided into three sections namely Login, Home (Which houses all your todo lists) and Lists (Which contains the items of every todo list.). Each of these pages have their separate html files under the views folder. App.js also has three separate controllers for each of these components namely loginCtrl, homeCtrl and firstCtrl respectively.

How to use

    `
  1. Sign in using any of the provided services - Google, Facebook, Twitter or Github.
  2. Add a list of tasks or open any previously saved list of tasks.
  3. Open the list you created and add tasks to it and manipulate those tasks.
That's all.

Live Project

Todo App is live here.

Features

  • Easy Sign in
  • Add multiple lists
  • Delete lists after task completeion
  • Edit Task in a list
  • Mark tasks as Completed
  • Search in lists and tasks
  • Sort tasks according to completed or pending
  • Prioritize your tasks by moving them up or down

Built with

  • Angular JS - Superheroic JavaScript MVW Framework
  • Firebase - Used for Authentication, Database, Storage and Hosting in thi app.
  • Bootstrap - Used in designing.
  • Programming languages used - HTML5, CSS3, JavaScript

Author

You can’t perform that action at this time.