Code Monkey home page Code Monkey logo

auth-ii's Introduction

Authentication using JSON Web Tokens (JWTs)

Topics

  • Authentication
  • JSON Web Tokens (JWTs)
  • Express Middleware
  • Mongoose Middleware
  • Hashing Passwords

Description

In this project we'll implement a full authentication workflow (register/login/logout/restrict endpoint) using Node.js, Express, MongoDB and JSON Web Tokens on the server and a React Web Application for the client.

Download and Run Starter Code

  • Fok and Clone this repository.
  • CD into the server folder.
  • type yarn install to download the server dependencies.
  • type yarn start to run the server, and leave it running.
  • In a separate terminal window, CD into the client folder.
  • type yarn install to download the server dependencies.
  • type yarn start to execute the client application.
  • Ensure that you have an instance of MongoDB running.

Assignment

  • inspect the code to figure out which routes are already implemented and where you need to make changes to add support for JWTs. This will help you practice reading existing code.
  • implement the authentication workflow (register and login) on the server using JSON Web Tokens.
  • add the functionality to restrict access to /api/users to authenticated users only. If a non authenticated user tries to make a request the server should return the appropriate HTTP status code.
  • implement a React client:
    • add client side routes and components for signup, signin and showing the list of users stored in the database.
    • the /signup route should provide a form to gather username, password and race for the user and make a POST request to the /api/auth/register route on the API. If the user is created successfully, take the returned token, save it to the browser's local storage and redirect the user to the /users route, where they should see the list of users.
    • the /signin route should provide a form to gather username and password for the user and make a POST request to the /api/auth/login route on the API. Upon successful login, persist the returned token to the browser's local storage and redirect the user to the /users route.
    • the /users route should read the token from local storage and make a GET request to the /api/users route on the API attaching the token as the value of the Authorization header.
    • provide a button to sign out that will remove the token from local storage.

Stretch Problem

  • add the code necessary so that when a client makes a GET request to /api/users the server only returns documents with the same race as the logged in user. For example if the logged in user is a human, then only users of the human race should be returned; if the logged in user is a hobbit only the hobbits should be returned.
  • add any extra functionality to make the application more user friendly like showing a message and redirecting to /signin if an unauthenticated user tries to access the list of users in the /users route.

auth-ii's People

Contributors

luishrd avatar ujaved931 avatar karthikv avatar mixelpixel avatar seanchen1991 avatar taithethai avatar

Watchers

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