Home

Welcome to the duemore-django-react wiki!

Background

This web application is a product of Smith Brother's Development LLC and the code in this repository shall not be used unless the use is in accordance with the applicable license.

This is a task and project management application that uses the following technologies:

Backend:

1. Python (Django)
2. Django Rest Framework
3. Django-AllAuth

Frontend:

1. JavaScript (ReactJS)
2. Webpack
3. Babel
4. NodeJS

Sequence of Operations

The following subsections will provide insight on how the application is intended to work.

Loading

• There will be a loading screen that mimics the color scheme of the home screen
  • This loading screen will contain a spinning .gif image or CSS animation

Authentication

• Initially the intention is to have users authenticate via Google and Facebook.
  • This will be done through the use of React Authentication calling the Django Rest API endpoints.
  • The axios library will be used for interacting with the API endpoints.
• Facebook Login:

import axios from "axios";

const fbLogin = async (accesstoken) => {
  let res = await axios.post(
    "http://localhost:8000/rest-auth/facebook/",
    {
      access_token : accesstoken,
    }
  );
  console.log(res);
  return await res.status;
};

export default fbLogin;

• Google Login:

import axios from "axios";

const googleLogin = async (accesstoken) => {
    let res = await axios.post(
      "http://localhost:8000/rest-auth/google/",
      {
        access_token: accesstoken,
      }
    );
    console.log(res);
    return await res.status;
  };

export default googleLogin;