#### Welcome

You have completed 50% of your goal this Month!

Cumulative Study Time

#### 189/h

+2.6

Learning Efflciency

#### 58.02%

+0.4

Courses Learned

#### 20/35

+5

Learning Progress

#### 68.80%

-0.2

##### Task Schedule

###### Define Objectives #E93483809
###### Create Wireframes #E37894560
###### Design UI/UX #84567903
###### Develop Dashboard Theme #E38945609
###### Data Mapping #E38963784
###### Task Testing #E93046578

##### Course Schedule

##### Notications

10+

- AJ

  ###### You have 1 class on 28 july

  20 min ago

- ###### Send notifications to users via email.

  20 min ago

- JK

  ###### Assignment 'Network Info' is due tomorrow.

  20 min ago

- ###### Functional testing report.

  20 min ago

- ###### 1 hour before an exam starts.

  20 min ago

##### Learning Reports

     <div class="card learningchart-card">
      <div class="card-header code-header">
       <h5>Learning Reports</h5>
      </div>
      <div class="card-body p-0">
       <div id="learningChart"></div>
      </div>
    </div>

    var options = {
      series: [{
       name: 'Materials',
       data: [31, 40, 62, 51, 42, 29, 100],
      }, {
       name: 'Exam',
       data: [11, 32, 45, 82, 34, 52, 41],
      }],
      chart: {
       height: 350,
       type: 'area',
      },
      colors: ['#467FFB', '#05B48B'],
      legend: {
       position: 'top',
      },
      dataLabels: {
       enabled: false
      },
      stroke: {
       curve: 'smooth'
      },
      xaxis: {
       categories: ["S", "M", "T", "W", "T", "F", "S"]
      },
      yaxis: {
       show:true,
       offsetX: 0,
      },
      grid: {
       borderColor: 'rgba(116, 120, 141,0.5)',
       strokeDashArray: 4,
       padding: {
        top: 10,
        bottom: 2,
        right: 0,
       },
      },
      responsive: [{
       breakpoint: 1440,
       options: {
        yaxis: {
         show:false,
         offsetX: 0,
        },
       },
      },{
      breakpoint: 480,
      options: {
       chart: {
        height: 250,
        type: 'area',
       },
      },
      }]
      };

      var chart = new ApexCharts(document.querySelector("#learningChart"), options);
      chart.render();

###### React Development | 4+ | Activa | 4h 09M | 40.5% |
###### Figma Designing | 2+ | Deactivate | 1h 56M | 30% |
###### Node js Development | 4+ | Activa | 3h 60M | 70% |
###### Photoshop Designing | 1+ | Deactivate | 60M | 48.09% |
###### Html Development | 3+ | Activa | 1h | 60.8% |

###### React Development | 4+ | Activa | 6h 45M | 10% |
###### Vue js Development | 3+ | Activa | 3h | 20.58% |
###### Tailwind Designing | 2+ | Deactivate | 1h 10M | 43% |
###### Node js Development | 4+ | Activa | 5h 09M | 25.06% |
###### Html Development | 3+ | Deactivate | 1h | 80% |

###### Node js Development | 4+ | Activa | 3h 60M | 98.6% |
###### Figma Designing | 2+ | Deactivate | 1h 56M | 53% |
###### React Development | 4+ | Activa | 4h 09M | 35.36% |
###### Vue js Development | 3+ | Activa | 3h | 68.45% |

###### Python Development | 4+ | Deactivate | 6h 09M | 50% |
###### XD Designing | 2+ | Deactivate | 1h | 20.5% |
###### C+ Development | 10+ | Deactivate | 3H 37M | 45.2% |