/task-planner-material

TODO React Material UI

Primary LanguageJavaScript

Task Planner Project - Front End

  1. Create a new React JS Project

    npx create-react-app task-planner-app

  2. Creat the Login.js component and the CSS if needed (use Material-UI library!)

  1. Create a navigation drawer component with mocked user data (https://material-ui.com/demos/drawers/)

  1. Create the main view that display the tasks using card layouts (https://material-ui.com/demos/cards/). This will be your model to represent a task:
     {
  	"description": "some description text ",
  	"responsible": {
  		"name": "Santiago Carrillo",
  		"email": "sancarbar@gmail"
  	},
  	"status": "ready",
  	"dueDate": 156464645646
  }

  1. Learn about service workers and Offline support: https://codelabs.developers.google.com/codelabs/offline/#0
  2. Use what you just learn to make your App work Offline
  3. Deploy your App to Heroky and submit your solution url! (https://dev.to/smithmanny/deploy-your-react-app-to-heroku-2b6f)