Introduction

This tutorial guides you through building Todos - an app for keeping track of tasks that need to get done. People access their individual to-do list by signing in with their Facebook account.

You'll start by building a page that allows users to sign in with Facebook. Then you'll add session management and sign out functionality.

If you want to see where you are headed, here's an example of the final result: https://github.com/passport/todos-express-facebook

To build this app, you'll need a working development environment with Node.js and Git, as well as an editor and terminal of your choosing. Take a moment to set up these tools if you have not already done so.

Let's get started!

Clone the starter app, which has all the scaffolding needed to build a to-do list.

$ git clone https://github.com/passport/todos-express-starter.git facebook-tutorial

You now have a directory named facebook-tutorial. Change into it.

$ cd facebook-tutorial

Take a moment to browse through the files in the starter app. As you work through this tutorial, you'll be using Express as a web framework, along with EJS as a template engine and CSS for styling. You will use SQLite as a database for storing data. Don't worry if you are not familiar with these technologies -- the necessary code will be provided at each step.

Next, install the dependencies.

$ npm install

And start the server.

$ npm start

Check to see if its working. Open http://localhost:3000 in your browser. You should be greeted with a page explaining how Todos helps you get things done.

Next, you will add a signin page to the app.