Design and Development an online Daily Tasks Management System (My Tollo)

Management _System (My Tollo) I

I

I

t

F F

C*E -- l*#e?.t

Design and r)evelopment an online Daily Tasks

by

Shahed Masud Rebbi ID No. CSEl60l00T050 Fede Rabbi

ID No. CSEl6010A7079 Salvin fshm

ID No. CSE 1601007056

Fateha Binte Amin ID No. CSE1601007A70 Parveen Akter

ID No. CSEI60l00704t

A Project submiued in Partial Fulfillment _{to the} Requirements for the Degree of

Bachelor of science ia computer science

and

Engineering

DEPARTMENT _OF COMPUTER _SCIENCE ANI} ENGINEERING SONARGAON rrNryERSrTY _(SrD

September 2A19

\

/

APPROVAL

;:i.::::T::i.:::,aii1 ,.:*y:.1

11 onrine Daily rask

Management system ^rv[! uJ t]Lr[

(My

\r.vrJ

roDo)

submitted

by

shahed Masud Rabbi ^,ua

ID u rrv. vl)ljruuluu/uJU, No. csEl601007050,

_{Fateha -r atena}

Binte _ljmte Amin rn

No.

--sE1601007070, Fazle

^prv Rabbi

^rrouur

ID ^ry No. r\u- (-DErouruu/ury, csEr601007079,

>arvtn Isram _{sarvin Isram}

ID ID No. No- cI

csE1601007056,

l:n'een _Akter ID No' csE1601007Ml to

the Department

of

computer Science and Ensineerins-and Engineering,E rv lu6urvvrruEi, :_

_l-**" .u{verlitx .(su),

^has been accepted as satisfactory

for the parrial fulfillmenr of

the ::qurrements

for the

degree

of

Bachelor

of

Science

in computer

science and Engineering _and

=proved ^as to its style and contents.

:

-

-d

of Examiners

/^

-+-2

I

-ffi-lllyzlzw

: Afit![ P"],qr^c"" _L.t-:q, Ldg

_(Examiner)

116nd.;30. 1lla"'r.

(Examiner)

R ^J,[^l *'pr^Ed

(Supervisor)

flruffirmuur

utanaed

rrn;u".r. : J:-

:;SSOf

& Head

;tr::'tl--:E-- -: ^(-omputer _Science & Engineering

:i ^, 1:,;ilI;*C-r]-

i

^_ :-.',

efSity (SU)

(i)

--1T,2.Ie

!

I

I

i^

I

I

I

DECLARATION

We, herebp

declare

that

the

wort

presented

in this

Project

is the

outcome

of the

investigation performedbyus _underthe

srryervisionofBulbulAhamed,

Associate Professor and Head, Deparhnent of Computer Science and Fnginecring, _Sonargaon University (sU). _We also declare thatno part

ofthis

Project aad thereof has been or is being submitted elsewhere for the award of any degree or diploma.

Countssignd

_Signature

(Bulbul

Ahamed) Supervisor

(Shahed Masud

Rabbi)

f^Zt

"4H

(Fade _RebbD

S"Lr;n

(Sahrh

Islam)

Candidates I

I

t

I

['

(Fateha Binte

Amin)

(ii)

ABSTRACT

A

good to-do list web application is not just _{a dashboard} of our

life's

obligations - it can be the control room that makes it possible to keep chaos atbay. Our web application software (My ToDo) has flexible organizafion schemes and thoughtfrrl designs that make

it

easy to duck in, check on obligations, enter new tasks, and then get back to the doing.

My

ToDo web application includes a powerful systern

for

logging and reporting

time

spelrt on tasks. Task lists can also be printed

or

saved

in

various other formats for display md reportingtrrposes. For developing this web applicatiorl we have used a variety

oftools

e.g.

HTML,

CS$, JavaScript, pHp,

MySeL, XAMpp

etc.

r

L

⁽ⁱⁱⁱ⁾

ACKNOWLEDGEMENTS

We are most grateful to

al;dtrty Allah

for His loyal help, which is most effective tool for all kind

of

achievements of all tirne and enable us to complete the successfully.

We are also auspicious that we had the kind association as well as supervision of honorable supervisor

BuIbuI

Ahamed, Associate hofessor and Head, Department of Computer Science and Engineering, Sonargaon University (SUL for his continuous guidance, encouragement, and patience, and for grving us the opportunity to do rfiis

wodc

His valuable suggestions and strict guidance made

it

possible to prepare a well+rganized

r€port

We would like to cnrvey our

sp*ial

gratitude to Prof.

Dr. M.A.

Mabud, Dean, Faculty of Science

&

Engineering Smqgaou University (SU), for his kind concern and valuable suggestions.

We

tc

^also tftankful to all our teachers during our whole education, for exposing us to the beauty

of

leuning.

I-ast of all we are grateful to

ourfmily

who are always

withus

in every step of life.

F.

I

^(iv)

TABLE _{OF CONTENTS}

Paee No Abstract

Chapter I : Introduction

Acknowledgements

1.1 1.2 1.3 1.4 1.5

Intro&rctim

of &e project Objectives of the Froject Project Overview Diagram Descriptions of the project Design and Implementation

Chapter 2: Object{riented Desigu

2.1

Introduction of Object4rieirted _Design

2.2

^{Use Case} Diagram

2.3 ActivityDiagram

2-4

^Class Diagram

2.5

EntityRelationshipDiagram

Chapter 3: User Interface Design

3.1

lntooduction of User Interface Design

Chapter 4: Conclusion and Future Work

4.1

Conclusion

4.2

Future

Work

2 2 3 3 6

8 8 10

t2

13

22 22 23 25

References Appendix

I

CHAPTER.l

INTEROI}UCTION

I

I

I

i

I

I

l.

L

I

I

I

I

I

I

l

l.L lntroduction of the Project

Most

of the people have many more

activities

on

their "wish lists"

than the

time available to work

on them.

By

choosing

activities intelligently, they

can make the very most

of their time

and

opportunities.

However,

by

choosing

badly,

they

can bog

themselves

down in time-depleting, low-yield projects that stop

us

moving forward. This is where an "Online Daily

Tasks Management System

(My ToDo)" can be useful. This helps us to

choose

the activities we

should

prioritize

and the ones we should

avoid if

we want to make the most

of

our

time

and

opportunities.

1.2 Obiectives of the proiect

Thee

major objectives are listed below-

. Organization: Organizing your

tasks

with a list

can

make everything

much

more

manageable and make

you feel

grounded. Seeing a

clear outline of your

ccmpleted anduncompleted tasks

will

help

ycu

feel organized and stay

mentally

focused.

. _{Improved Memory: Keeping} this "online Task Management system"

imFroves

your memory by giving you

permission

to forget. Feeling forgetful?

Nobody is

capable

of remembering everyihing at all times. To-do lists are

a

useful external memory aid that give you

permission

to forget. As long

as

you

ean remember

to look

at

your to-do list, you will

never lose

anything that

you have recorded on

it.

. Productivit5r: If you

record

all your

tasks

in

^a

to-do list, you

can easily

review the list

and

prioritize

the most

important

tasks

Page No: 02

I

1.3

Project Overview Iliagram

Figure: My Tollo

Overview

Diagram My ToDo

system

carry

on three-part

1. Add

Tasks

Model

2. View Model

3.

^Report

Model

1.4 Descriptions _{of the} project

1.4.1 Product Descriptions

My

ToDo

is

an online-based solution. The objective

of

this system

will

help ..Daily Tasks" to improve their Tasking

skill.

This system includes all the system sets needed for the daily tasks. In this syste,m, the features are easily managed and navigate, so users get the report very short time. The user can easily register to the site and complete.

My

ToDo able to use

from

any device. User can

independ*tly

manage edit, delete and completed their daily Tasks.

Page No: 03

1.4.2 Project Features

1.

Recorded Tasks: This one is really simple. One of the advantage of a web based todo list is that you are not limited by ink on paper.

Ye!

many apps

won't

let you easily re- organizs the order of the todos on your list.

2. Ouick

Enfiry:

My

ToDo list should always be ready quickly capfire a random task.

It

shouldn't requirE morc sfiep to enter a todo. They should be quick to allow you to add a todo aad get it ^*ortr of yotrr head',.

3. Ilree rnd DmD: In coryuter

graphical user interfaces, drag and drop

is

a pointing device 8esfire in which ^{the user} selects a virtual object

by'grabbingu it

and dragging

it to

a different location on onto another

virnral

object.

[n

general,

it

can be used to invoke many kinds

of

actions,

or

create various types

of

associations between two abstact objects.

As

a featurg drag-and-drop support

is not

found

in all

softwarg though

it

is sometimes

a

^{fast and} easy-to-learn technique. However,

it

is not always clear to users that an item _{can be}

draggd

and dropped, or what is the command performed by the drag and drop, which can decrease usability.

The basic sque,lrce involved in drag and drop is:

.

Move the pointer to the object

'

Press, and hold down, the button on the mouse or otherpointing device, to

"grub" the object

'

"lDragu the object to the desired location by moving the pointer to this one

. "flrop*

the object by releasing the button

liry{e ^{tII: Following}

^on

^{from qui"k}

^capture, overall the system should be simple.

Simple to use- SimFle user interface. Too many features just ciutter things up. Ard,99yo of those extra bells and whistles never get used.

Todav

Lisk

You

cm't

do it all. And one of the best ways to "get work done,' is to only concentrate on your top tasks for today.

Yiew completed

tasks: users can easily view your completed tasks.

Edit

and Delete: ToDo user easily accesses his tasks edit and delete.

Previpus dav

Taslc;

ToDo system automatically previews uncompleted tasks to the next day.

4.

5.

6.

7.

8.

I

^PageNo:04

1.4.3 Project Benefits

I

have had many bossEs by now. Some have been good and inspiring while some have pretty much made me resolve to look at other paths of revenue rather than a corporate job. _However, there was one who wfls scaq/ yet inspiring and left me

with

a lot of impressioaable moments.

I

still remember her "'lmonishiag ^me for coming to a meeting without a notebook to

jot

_down

notes. one of the times

I

also

lerat

from her though was the time that she would march up to me, and demand to see my

todo

list

just

_{to easure}

I

had made one. That being

my

first

job,

some learnings got imbibed in me for life.

Before my firsr

job, I

used to take pride in the fact that

I

was an impulsive free spirit, or so

I

liked to imagine myself-

An

impulsive free spirit could obviously not be bogged

do*o

by the shackles of a to-do [ist- However, after the fore mentioned encounters and through most of my professimal

life, I

have come to recognize

just

_how important and surprisingly liberating a

dailytsdo

list actually is.

1' BRINGS

STRUCT'URE

TO I'gE DAY:

There are two ways to go about one,s day

-

either be at sea md just wing

it with

whatever Gomes or go about

with

a

list

of things to be done-

I

have realized that my peace of mind is higber when

I

have a plan rather than swimming around accomplishing anything thrown at my direction. Having a to-do

list is like

having GPs

to

reach

a

destination rather than

walking

down _{a road} not knowing your destination but just _{setting on} paths shouted out by onlookers.

2' LEss To _{HOLI) IN THE HEAI):}

_Evea

_if

_{we choose not to write down}

a daily to-do

list,

mentally

we

often keep

mulling

about the tasks that need

to

be looked

into

or closed'

Fot

me, a to-do

list

acts almost

like

the pen sieve

in Harry

^potter-

For

the rrninitiated, pen sieve is a fabulous device in Albus Dumbledore,s officeo using which

he can extract his memories and anyone can view them as though they are experiencing

it'

While somewhat ditrerent, a daily _to-do

list

helps you extract the tasks floating

in

your head to find another more concrete place,

with

less remaining up there.

3'

REDUCES

AITXIETY:

Remember Sheldoa in Big Bang Theory who has a knack

of doing things a certain u/ay and cannot bear the idea of tasks

remaining incomplete? Take a look at his obsession for yourself in this video clip. _While he might be the epitome of zeigarnik

effec!

the impact is for real. As discovered by Lithuanian psychologist Bluma Zeigamik, waiters remembered even complex orders

till

the time they were incomplete while failing to recall any detail ouce an order had been delivered.

Probing further, _she

was

able

to

conclude

that our brain

focusses much more on incomplete tasks. Incomplete _tasks have a way ofpopping up in ourhead at unexpected times

or to

continue brewing

in your

sub conscious, compounding and leading to aoxiety.

A

daily to-do list helps on cutting down that anxiety

1' BETTER TrME MANAGEMENT:

_Io

*y

experiencs

k".pire

daily to-do lists has helped _{me be} better with my time. There was a time when every Monday

I

would look back and wonder what did

I

do over the weekend. Gradually,

I

gave up on my hang up

Page No: 05

i

t,

of not

keeping

a to-do list for my

personal

life. I

realized

if

something could be beneficial io

-y

professional

life, it

could very well help in my personal

life

too. As

I

started organizing ^+hings in my personal life and keeping a list, be it putting clothes into the washing machine, organizing pins

on Tailwind or

ordering groceries,

I

^started

gettlng far more done in the same time over a weekend.

5. BREAKS GOAIS INTO ACTION POINTS: Most of

us set ambitious goals

for

oumelves. These could be over difrere,nt periods, be

it a

month, quarter

or

a year.

However,

vfrilc

gmls are the result, the tasks that go into channeling the effort towards the goal have a highcr probability of getting done when they find their way on a to-do

list

f.5 De$ig! and Implementation

our

web application is being developed by

HTML,

cSS,

jeuery,

Javascript,

pHp

_and MySQL, we have used

Xryp

senrer to run our application. We designed the

following

XAMPP

is a free and open-source cross-platform web server solution stack package developed by Apache Frie,nds, consisting mainly ofthe Apache HTTP Server, MariaDB database,

and

interpreters

for

scripts

written in the PIIP and Perl

programming languages. Since most acfual web server deployments use the same coffiponents as

XAMPP, it makes transitioaing from a local test server to a live server possible.

XAMPP's ease of deploymeirt mems a WAMP or

LAMP

stack can be installed quickly and simply on an operating system

by

a developer.

With

the advantage a number

of

cofilmon add-in applications such as WordPress aod Joomla! can also be instatled

with

similar ease using Bitnami.

I

^{Page No: 06}

CHAPTER.2

OBJECT ORIENTED DESIGN

i

I

I

I

I

I

I

I

2.1 Introduction of Object-Oriented _Design

Object-Oriented Design is rhe process of planning a system of interacting objects for the purpose of solving a software problem. It is one approach to software design.

An

object contains encapsulated data and procedures grouped together to present an entity. The 'object interface'.

htrn the.rbject

_{can be} interacted

with, is

also defined.

An

object-oriented program is descnbed

lr

^the inleraction of these objects. Object-Oriented designed is the discipline of defining the obre;'i-< and

ther

interactions _{to solve} a problem that was identi{ied and documented during obi e ci-.r n ented ariaivsis.

Some :'prcal urput artifacts for objecr-oriented _design

o

Use Case Diaeram

r

Activity Diagrams

o

Class Diagram

o

Entiry Relarionship Diagram

2.2 Use

Case

Diagram

ln

sofrware and system engineenng a use case a case

npicallv

defining interactions benveen a role (known achieve a goal. The actor can be a human or an extemal

in

the use

of

a system

is

a

list of

steps,

in UML

as an "actor") and a system, to system.

ln sYstems engineering, use cases are used at a higher level than within software engineering, often representing missions or stakeholder _soals.

2.2.1 Use

case

of user Registration

Figure: _User Registration

'i'-<

:

^u-ser respondent open the website then register their account, and finally complete their :e:r.:rarion _then login into My ToDo.

08

2.2.2 Use

case

of user

Logged USER

i

I

I

.J

User is the most important person. Valid rrser login into

My

ToDo and they can use usually

My

ToDo feaares. It's very simple foruser, no hard task in this system. Users can easily view his taslq add new tasks,

edit

tasks, delete tasks,

view

complete tasks and

frnally view

report as his rogircments.

Figure: User _{Use Case}

PageNo:09

l

) i

2.3 Activity Diagram

Activity

diagram means

to

describe sequencing and conditions

of

actiors.

commonly are work flow, control flow and object flow models.

Simple

ActivityDiagrms

cmsist of;

o

Initialnode

o

Activity finel asde

.

Activitybe*ryeen

23.f Adivity diegrem of User Registration

Such descriptions

Register Page

Figure: Registration

Activity

Diagram

Regiskation activity diagram shows the entire process of user registration. A registered user is one

cfio

uses a program

or

a website and provides his/her credentials, effectively proving hislher

idcatity'

Generally speaking any person can become

a

registered user

by providing

some

cr&tials,

usually in the form of a useltame (or email) und password. After that, one can access

idmation

and privileges unavailable to noa-registered users. The action of providing the proper crcdmials _{for a} website is called loggrng in, or signing in.

Page No:

l0

23.2 Activity diagram of User

r o8r. Page

l

I

I

F

tr'igure: User Activity Diagram

user activity diagram shows the entire activities of a register user. Firstly, the user can view our site then the user easily creates his account. Ifalready create his account he/she is ready to access our daily task management system. A valid user always perrritted to access our system.

The user can permission to log in to his valid user narne and valid password- when a user inputs his username _and password submifted to our system, our prograrn checked his _{data and cross-} match his data with the database, _the'n the program automatically _decided his data is wrong or right

ifthe

program found right data then he can rog in into this system.

VicwPrcvlxDeyT*

Page No: I I

2.4 Class Diagram

In

software engineering, a cla^ss diagram in the

unified

Modeling Language

(uML)

_is a type

of

static struchfe diagram that describes the skucture of a system by showing the system,s classes, their atkibutes, operations (ormefrods), _{and the} relation*hips amorg the classes.

2.4.1: Class Dilgrrm of User

I

t

!

Register

Logrn

Figure: _Class Diagram _{of User}

Control

Register_view

Login_view

Password_reset_view regist€r

Irgn

@at€

delete

Page No: 12

l

I

i

2.4.1: Class Diagram of Add Tasks

Create

Update

Delete

Figure: Class Diagram of add tasks

2.5 Entity Relationship Diagram

In software engineering, an Entity

-

Relationship model @R model for short) is an abstract way to describe _{a database.} It usually starts with a relational database, which stores data in tables. some of the data in these tables point to data in other tables

-

^for instance, your eotity in the database could point to several enkies for each of the phone numbers that are yours. The ER model would say that you _{are an} entity, and each phone number is an entity, and the relationship between you

rd tre

phone numbers

is

'has a phone number'. Diagrams created to design these entities and

uumsuips

are called entity-relationship diagrams o,

rn

diagrams. There are four Types of ER

Digam

_{in our system:}

create

update

delete

tasks_view

create_view

edit view

PageNo:13

2.5.1 ER Diagram of our system:

3

- _{_a}

-:

u5€.I .eG _*s^I

t i li t:

\

I

Figure: _ER Diagram _of

My

TODO _Datahase There are two tables in our database.

L

User Registrations

2.

^User tasks

usgr Reeistration: _{The user} registration table collects user registration information _{and user} active status.

L]ser Tasks: The user tasks table colrects all user tasks information.

For example,

1.

Tasks Create date and times.

2.

User ID.

3

^Tasks completed or uncompleted.

4.

^Tasks Text.

Page No: 14

l.

CHAPTER-3

USER INTERFACE _DESIGN

I

lc

a

EI

3.1 Introduction _{of tlser Interface Design}

The user interface,

in

the rndustnal design

{ield of

human-machine interaction,

is

the space where interaction bet\\ een humans and machines occurs. The goal

of

interaction between a

human and a machine at the user interface is effective operation and control of the machine, and feedback

from

the machure

*hich

_{aids the operator}

_in

_making operational decisions.

Examples of this broad concept of user interfaces include the interactive aspects of computer operating system. hand tools. hear-i machinery operator controls and process controls.

A

user interface

is

the sr-stem

bi

u-hrch people (users) interact

with

a machine. The user interface includes hardu'are tph',srca1r and software

(logical)

components. User interfaces exist

for

various svs:em-i. a:rd proride a means of:

.

i-nput. allos'rng rhe users to manipulate a system

'

^Output.

^ailouins

^{the s,v-stem to} indicate the effects of the user's manipulation

3.1.1 Lser

Login UI

Figure: Login

^page

This is the home page and user iogin page of our project. Thought this page register used can 1og

in My

ToDo web application by providing correct username and password.

Fix

making :eeistering _a new user need to crick on ',create _an account?,, link.

Page No: 16

3.1.2 User Registration

UI

Figure:

_User Registration ^page

The user registration page is the most important for user registration. For accessing our ..My ToDo" web application a user must

fill-up

the user registration form by providing appropriate information.

without

registration, no one can access our software.

Page No: 17

I

I

: i

I

3.1.3 Add Task tII

Figure: Add

Task

Add tasks is to create your todo list you can write your text or tasks hete and click the save button.

3.1.4

Edit

Task

UI

Figure: Edit

Task

The _{user can} easily edit his tasls &om this fonn. _the user just clicks edit button then edit his tesk and click the update button.

Dac- I\T^. r Q

3.1.5 ToDo

List UI

3.1.6 Report

tII

Figure:

ToDo

List yiew

This is the homepage of the todo

list

This page user can view his todo, edit his todo, completed his todo and drag and drop his todo as his

priority

also user can view previous days uncompleted lists.

g?9,

@fr@

Figure:

Report View ^page

The user can view his completed _tasks. Firstly, click

My REpoRT

page then select from date - to date then click the search button. finally, _{completed tasks} view _{on this page.}

Paoe No:

.lI

3.1.7 Report

UI

t

Figure:

Report

View I

Paee No: 20

CHAPTER-4

CONCLUSION AND FUTURE

WORK

4.1 Conclusion:

'online Daily

Task Management System"

is

an efficient task management system

to

gather your thoughts and ideas

in

one place. You can create tasks, make

to{o

lists, and make tasks do over so that you don,t have to remember everything.

4,2

F

uture Work:

{

Create suUtastrs, mdaddcomments

/

Make

todo

lists with _notes

{

Frnail

notifietiors _md

SMS reminders

{ A&voice

_{record with} your daily tasks

r' addminders

and eve,lrts in Caleadar

r'

share your lists and wo'rk collaboratively _on projeck with your colleagues, friends, and

family

Page No: 22

References

Francis

J.

Parker,

? *fA

^gurde

^to

^{stess free} productivity, task management _and creating

to{o

[ists", Rescue

your

_To-Do

List

201g.

Darleire Tucker' "checklist and self Discipline for Personal success,,, Task Management, 2018.

3' s'r'

2014.scoft'"A simple Guide to Getting the Important Things Done,', To-Do List Makeover,

4'

^vanessa Robins, "List of

rhing

to do and Joumal task _easy and simple time management,,, To Do List Notepads, 2019.

5'

Rogue Plus publishing, "checkrist Blank, To Do And Notes,

Daily List

Notebook

Ki{,

Agenda Notepad For Men, ^.Women, _Students Flower Covern,To Do

ListNoteb*t

_ZOtt-

6'

Edition)., Damon Zahariades,"A shess-Free Guide To-Do List Formuta, _2016.

to

creating To-Do Lists _That

work!

(Kindle

7'

Edition",The

Michael

Linenberger,"QuicHy _One Minute

T+Do Get Your Lisf

2011.

chaos completely under conkol

_Kiadle

8' fr*[fffitr]"iiil'r1*'wavs

to Manase Your rasks",your

ro

Do List and Beyond,

9'

https://elementummoney.com/to-do-list-benefrtsr[Aecessed

Elementum Money. published on: February z, 2019 [online] Available

at:

0g August

za9l

l0' wikipedia.Z}tg.Apache

Friends. pubrished _on:

May zz,2[az[online]

_{Available at:}

h@s://en.wikipedia.org/wikiD(AMpp.

[Accessed 04 August

2ar9]

l.

Task Sheets, To Do

&

Kids, _Hydrangea

Page No: 23

a

rl

I

APPENDD(

r

index.php

<?php session_start0;

>

<?Php

pliok

:

mysqli_connec(,localhost','root,,,,'rumber,) or die(,,<script languagrJavascript>alert(unatble to connect to database)</scripp,,);

if

(!empty($_PosT))

{

$name: $_POST[hmc];

$password

: $_PoST[!assward];

$query: "SEIFCT I

_FROM

r** Wrmng

usernarne= ^,$name,,,;

$res

:

mysqli_ryery($lialc, _$query);

!9,8 :

mysqli_f€rch_asso{$rest ^-

if

($aamfuasswmAl

:

md5($password))

{

!-EssloNt'uid1 : $daraftjdl

_;

!-!!!SloN[\re,raail] :

$d-ataftr"email'l _;

$_SESSION['time]

i.i-"$, ^r' - head<'location:home+h);

)

^else

{

echo,Login

Failed';

) )

<htuI>

<head>

<meta charseF,UTF_g">

<link rel:"stylesheet" hreF"style/styre.css,, t5pe:*text/css,')

<title>Login

page<ltitl*

</head>

+ody>

<div class:"box">

<h2>

Userlogin</h2>

<fonrr action=*

(fiy

shss:"inFutbox,,>^u -"16o1ptrpostr>

<input

t5pe:"text"

neme:rltame', required:u *>

<labeFUser Name</label>

</div>

<div class:',inputbox")

<input t5pe:"passwordrr name=rtp6gsword,, required:ru>

<label>password</labeF

</div>

,linput

t5pe:"submit"

name:*sub

^.1,, value:uSubmit,,>

</form>

<a hreF"userreg.php" st5rre:"coror:white; font-size: r4px; text-decoration: none;

Fdding-top: 20px;bCi&" * u""o*iiilu,

<div>

<,tody>

<,lrltD>

)

I)a*- \T^' .<

userreg.php

<?php

$link:

mysqli_conneaflocalhod, hoof, ", humber') or die("<script languagrJ

avascripFalerflJnable

to connect to database)<rscrip>");

//print_d$_PoST);

if

(!empty($_PosT)) {

$username

: $_ffiTfisernams];

$password

:

$_P0ST[!assrorrd] _;

$cpassword

: $_P(lSTfcpassrrrd'l;

$email: $_Po$Tfemall;

$qor.y: mys{i query($lial 'sELEcr

^{+ EROM} 'users' WHERE usenlame

:,,,

$username .

* q'rqrdl ='

^.

^{$email. -")i}

if

(!Squ€ry)

{

die(Enor

_' .

mlnqti_erru(Slink);

)

if

(mysqli_num_rcws($qu€ry) >

0) {

echo"<script

laguag€Frjavascripthtert(User

Name or Email Already

cxisrs!'pscripp";

/ I er;ho "Name Already exists";

)

//forpassword

elseif ($password

!:

$cpassword)

{

echs "Confirm Password not marchn.

)

/lforuser _name

elseif ( lpreg_match (" I

^fa-zA-Zl+$f

, $username)) {

$nameErr:

"IJserName

Aty

letters allowed;i echo $nameErr;

)

^elseif

(!preg_match("#[G9]#",

$password)) {

$passwordErr = "Your passwmd Must contain

At

Least

I

Number!,,;

echo $passwordErr;

)

elseif (lpreg_match( _"

#lA-4+*,,

$passrrord))

{

$passwordErr: "Your password tvru"t

coot

io

At

Least

I

capital Letter!,,;

echo $passwordErr;

)

^{elseif (} !preg_match(',

#la-zl+#,,

$password) {

$passwordErr: "Your Password-Must Contain

At

Least 1 Lowercase Letter!,,.

echo $passwordErr;

)

^else {

if

(lempty($email)) {

_-._

^Lf

Grgg-match("/^f\.&9a-zA-z-l+@{a-9a-zA-zll0-9a-zA-Z-l+\.)+[a-zA- Zl

_{12,6) $l} i,', $email)) {

// Return Error - Invalid F.mail

$query:

_"

insertinto

'users' ('username',

'email',

'password.)

VALUES

(Iussname','$email', md5('$password')

)"; ' '

^t

$res = mysqli_query($linb _$query);

mysqli_close($link);

if ($res:

_{TRUE) {}

echo"<script language:'javascript')alert('Save Successfully')<lscripp" _;

)

etse {

Page No: 26

.

echo"<script languagecjavascriptlalert('User Name Aready use')</script>";

)

else {

$ryg:

^{The email}

yor

have mtered is invalid, please try again.,;

echo $msg;

1t IJ

<htul>

<head>

<mcta charsee"LlTF-8">

dIF reF

stylesheet" hreF'style/style.css" tlpre=,text/css")

<tiflel-ogin

P4ge,{title>

<ftme

4ody>

<div class:ubox">

<h2>

gro

Registratioft</h2>

<form

action:"usenrgphp"

method:"pOST">

<div class:"inputbox">

<inpUt t5rpre=stcXtt oame-frgsglou**"

f€!1uil€{:rr;,

<labeFUser Name,</label>

{div>

<div class="inputbox">

<input type="email" oua6:r'email ^tr l€quilBxl:rrrr;,

<label>Email<label>

</div>

<div class=ninputbox">

<input type:"passwo,rd, nanre:*password" required:,,,,>

<label>password</label>

</div>

<div class:"inputbox

")

<input

tlpr'

password, narne:u*assword,, fequired:r,,r>

<label>Confirm

password</label>

^a

</div>

liopot

type:"zubmitn

asps-r5gf

^.1rr yslus-,,f,1s4fen)

</form>

<a hrets"index.php" stlrle="color:wfrite; font-size:

l4px;

text-decoration: none;

padding-top: 20px;">Havl an account.! Click

Fiere<l* ^'l

</div>

</body>

I

Pase No: 27

home.php

<?php require_once'Jresqrrcertsder.php';

D

<?php

if (empty($_sEssloNluidD)

_{ header('location:indexphp);

)

date_default_timezme_su(sia/dhaka);

$date: date(Y-mJ)B

$prev_date

: _date$a-d,

strtotim{$date

.' -l dal));

$uid:

$_SESSION[hidl;

qliok

: mysqli_cme{ocalbod, _toof,

", humbed);

$q.r.ry:

'selcct

t fiom 'todo' whse tdilooe-0'and

td_date:'$date' and u_id=,$uid' order by

positim_mdef;

$Erer:'selcct ^* from'todo'

xrtcre

tdd..nr,0'

and

td

__datr'$prev_d date' and

u id:'$uid' ordabytd_iddesc _";

Xresrlt

:

mysqli_query($lint,

$qwy);

Sresl :

mysqti_query($hng

Squffi!'

<scr-ipt src:"htg,s://ajax-googl€apis.cono/ajax4ib iljryery/3.2.1/jquery.min

js,'><lscript) frcr.ipt-srr%tF,s//cdnis-cloudfl

ae.comlalaxnfu

vjq*.yovr.ll.ttiwery-'

ui.min

js"></script>

<table id:"customers" alip="centterr>

<tr>

<th></th>

<th><Z6O

$que

:

"select td_dat€

from'todo.

where td_datr'$prev_date' _and tddone:,0' and tr,_i{J$sid' grrup by td_ddate":

$res

:

mysqli_qu€ry($link, Squ");

if

(!ernpty($res) {

while ($row = mysqli_fetch_assoc($res) if($prev_date)

{ -

1

echo ?revious _Day TODO';

) ) )

?></th>

<th><lth>

</tr>

<?PHP

if

(empty($res)

{ b

<k>

<th>slNo</th>

<th>Task:/th>

<th>Action</th>

<tr>

<?PlP )

^?:.,

<&{

Ssho: l;

if(!qty($resul))

_{

urtile

($data

:

mysqli_fetch_assoc($resul)) {

Pase No: 28

<tr>

l

i

I

I

l

I

<td

alip:"ce,nter" width:"8Qpx',x?php

echo $slno+t ; ?><116,

<td><?pb

_echo $dataftd_texfl;

><716,

<d cl**s:""

align:"ce,nter"

width:',

I 20px">

<button

title="Edit!"

sfyle="padding: 2px; cursor:pointer; background- color:transparent;

borderolmtmsparent;"

onclicts"location.href

:'edit.php?id:<?php

echo $data['td_id1

]'' tlpe='hrfim*--<img ss:'img/edit.png"

height:r2-0"/></button>

+rfim tidFrDel€ff !' sfyle='pdding

:

zpx

cursor:pointer; background- color:foanspaent

Uords-olatrmsparen!"

onclick:"location.href

:

'tddelete.pb76i64rpfrp c*o $aaatta_ial D'".yp.--'button"Ximg

src:"img/del.png"

heighF"20'E4Mm>

Amm tide='Coryle*e!" stylr"

padding: 2px; cursor:pointer; background- color:trmsparent

bq{

-er-cohrtdmryffinq" onclicts"ConfirmDone0(!' typr"button,'Ximg

src="imgldmc.prg"

heighe"lg'p"q/[61sp

<hb

<script t)?€="t€xtf avascript">

fimction ConfirnrDmc0Q

{

vr hseUrl: lddmepforid:<?php

echo $data['td_id']

p'';

if

(confirm("Are You Sure.! Compleate your

task?') locdionftef:

baseUrl;

</script>

)

4*>

<?php

)

) )

<ltable>

<able

id:"customers"

align:"centef >

<tr>

<th></th>

<th><?php

,

^$que

:

"select td_date from

'todo'

where tddone='0' and

u_id:'$uid'

group

by

td_date";

$res

:

mysqli_query($link, $que);

if

(!empty($res)) {

while ($row

:

mysqli_fetch_assoc($res)) {

if ($row['td_date']:

_{$date) {}

echo'Todays TODO';

)

else {

b</rh>

)

<t></rfr>

Page No: 29

</fr>

<?PHP

if

(empty($res))

{ >

<tr>

<th>SL

NO<th>

<th>Task<lth>

<th>Action<lth>

</tr>

<?PHP

)

^?:>

<tbody

class="rowlositimb

<?php

require(db_omfi g.php);

{

fsl: l;

if(!qt1($resul0) _{

uftile

($row = mysqli_fach_assoc($result)) {

' <trid:"<?php

_echo

$row[td_id] >*>

<td

align:"center' *i6t1fi;i$$plHphp

echo $sl++; ?></td>

<td><hhp

_echo $mwftd_text'1;

><ru>

<td class:n"

alip:'centerr wi&h:'r

I

2hx">

<button title="Edit! " style="padding

:

2px; cursor:pointer; background- coloctransparelr! border-oloatransparenq"

onclicF"ldcaition.hrei: '"dii.phpti?:<?php

echo

$mw['td_id] F

"

qpe="hrtton><img srF

img/edit.png"

heighe"20"A

<lbutton>

<bufion title="Delete! " style="padding: 2px; cursor:poiuter; background- color:tuansparent;

hrder-colortransparentf onclicl="licat]on.href :

'tddelete.phpZdid:<bhp

eho $mw['td_idl D','tlryrrtrbutton"ximg

src:"imgldel.png,,

heighF"20"l>

</button>

<buttoa

title="Corylete!,' styF'

padding: 2px; cursor:pointer;

hckground-color:transparenq border-coloct

u*p**t;' oo""ti"L;ConfiriDoneg,'

t5r;re="button";,aimg src="img/done.prg"

heighe"Zg l>

</but&on>

<td>

<sc:ript

tlpe"text/j

avascript">

function ConfirmDoneQ

t

var baseUrl

:

tddo,ne.php?id:<?php echo $row[,td_id,] ?>,;

if

(confirm("Are

you

Sure.! Compllate your

task?r)

^-

location.href

:

baseUrl _;

</scripF )

<ltr>

<?php )

) )

<frbody>

Page No: 30

I

I I

I

I

I

ilr

I

I

<script type= "text/j avascriptn>

$(".row3osition").sortab( {

delay: 150, stop: function

0 {

var selectedData: _nerr

Array$;

$('.rowSositio*d).each(fun*ion 0

{

selectedDatepush$@is).arr("id");

));

updateOrrder(setectedhta);

)

));

fimctim

updateeder(data)

{

3-eiax({

ut

'ajaxPro.php', type:

!ost',

data: {position: ^data}, suocess: function Q {

alert(lour

change successfully saved');

)

l)

</script>

)

</table>

</body>

lphp

require_once'./resource/footer.ptrp'; ?>

<&h1>

insert.php

:?php require_once'-lresource/header.php,;

$link ₌ mysqli_connect(,localhost','df

,i','number');

if

(empty($_SEs

SloNltrid'l))

_{

header('location: index

php);

)

//print_($_PoST);

dare_default_timezone_se('asia/dhaka

) ;

if(!empty($_PosT))

_{

$a

^name

:

$_POST['title'];

$dde: date('y-m-d);

ttime:

date('H:i:s');

tnid :

S_SESSIONt'uid

l;

if(!ryy($a_name))

_{

if (lprqmafch

(,' I

fA-Za-z}-gl+ f,,

$a_name)) {

Page No: 3l

$nameErr = "OnIy Text

AndNumber";

)

^else {

- $query:'INSERTINTO'todo'('td_text','td_date.,

^.td

'$ a_name','$date','$time',$uid1" _;

$res = mysqli_qucry($link, $+rery);

if

($res)

{

echo"Add Successfirl";

header(loc*ionlme.php);

)

^else {

echo"Add

Failed';

) ) ) )

<div>

<div

dass:"fum1ryrryb

{2

style='color:

whitc;>Add

Task</h2>

<lphp if

(lempty($nameErr)) echo gnameErr; ?>

'u_id') VALUES(

I

I

i

l

<form action="insertplqr' class="form-container"

ms&sd:"post")

<input

t)"F"tfit' placeholdfr"Enter

_Text"

namr"title'irequired>

<bution qrpre="srbmif cl*ss="btn">Save</button>

, <buftontype='hnm'ch<s=5gocancel,'onclicp"location.href:

h<rme.php'

">Close</bmm>

</form>

{div>

{div>

<?php

e'.lresonceffooter.php'; _?>

editphp 4php

require_once'./resource/header.pfu';

if(empE($_SESSIoN[.uidD) a

^-

header('location:index+hp

);

if ) (!empty($_cET) {

$eid: $_GET['id];

$link = mysqli_connec('localhosf,

'roof,

^,', _'number);

$qry = "select

*

_from todo where

td

id=$eid,";

{result = mysqli_query($tink,

$qry}

-

^$data

^:

mysqli*fetch_assoc($resuli);

)

if(!qty($_posT)

_{

ta_nme :

$_POST['name,];

if(!qty($a_name))

_{

l$."y

⁼ " update todo set td_texF $a name' where ,6_16:,$eid,,,i Sres

:

mysqti_query($link,

$qo*y);

Page No: 32

tJ

if

($res)

t

header('location:home+h );

)

^else {

echouUpdafe

Faild}

)

)

/header('locationin&x-dd)E

<form

metroffiST' rrlirnr=r' cta#f-cmtainer" >

<div

aligHod styl€=:mrgiFtop:4{px;

bordenl0px; border-radius:10px; position:

absolute;

@,SWq, left

50'/6;

padding:4hx;

backgromn* rEb{0,O,O,.8h box-sizing:

borderto:r;

box-shadon': 0

l5px 2ipx

rgba(0O0,.5);

tramforno:

trmhtd-50?6, -fi%h,>

<M style="colm whitq>Edit

Task</hz>

<lnputt)"€="t€xt' rame='nme! requiredvatur"<?php

_echo $data['td_texf]; ?>',>

Sution

qrpre="srb'mif

clasrttut>up&te<fbuttolr>

4utton

type="bufon"

clasr'btn

cancel"

onclicF"location.href :

tome.php")Close</buttron>

{div>

</forrr>

tddone.php

<rphe

$link

:

mysqli_connec('localhod, boof, _",

bumber);

if (!empty($_cET)

_{

$id:

$_GET['id'];

$query:

^t'update todo set

tddone'l'where td_id:'$id',';

$result

:

mysqli_query($1in( $qurry);

if($result){

header('location : home.php,);

II

)

Page No: 33

tddelete,php

<?php

IJiok ⁼ mysqli*connec('localhosf,

!oof,

^,', _humber,);

if(!empty($_GET)

_{

$did:

$_GET['did];

$query

:

"delete ftom todo rytere

td_i#tdid

_";

$result =

mysqli_qrsy($lin!

_Squery;;

if($result){

header('locatimnme+hpt )

rcportphp qphp

relluire_once'./resource/headr4ftr,;

<?php

$Iink

: m1ruli_cometflocalhost', hood,', hrmbed);

if (qty($_sEssloNtbidD) _{

-

header('location:index.p@);

)

if (isset{$_cET['date"]) {

$uid

:

$_SESSIONIf,tC];

$valueToSearch =

$_GETtd{reI;

$valueToSearchl

: _{$_oEifart} iI;

__&uerl':

"select

* fro; ^'toao'

",t;

tddone=Jl'AND

u_id:,$uid,AND td

date BETWEEN '$valueToseareh'

AND ,$vatueTos"*hr;AR6up-Bt

rd dr,J. *- , !*"yt

⁼ mysqli_query($linh _$qu€ry);

l

^else {

)

<form action='teport.php"

6strod=icET">

.ltab-l9.bords1:trlpyrt style="border-collapse: collapse; margin_top: g0px;,,

cellpaddin5"

I 0" align='beirter">

<tr>

<td> From

"i"nul class:"tex6',

typr€='rdate" name:,date,,

required:o,

> </td>

'r1'To

^<input

class: textb'

qrp,e="date" name:"datel,,

requlred:'*>

</td>

<td><input class:"addBtn"

typi"sEtmit" **o"*"_oh,' y6!se-',g[ARcH,,><ltd>

<rt>

<ffic>

dr>

Slc i&""***ers"

align="ceatefl' style=',text-aliga: _center;,,

)

Q>

<h

bgpolor"#FF ^{g066 u>SL} NO</th>

PaeeNo:34

<th

bgcolor"#FF

8 066

">DATE<th>

<th bgcoloe"#FF8066>Completed Task</th>

<tr>

<?php

$sl:1;

if (lempty($resnlt)

_{

while ($row

: q/sqli_ferch_asso{$resul0) {

<t>

<t&<?ptry edo $*r+; ?xtu>

<rd

eligr.9lmer>

<?php

do

growfltd_date'];

$dt: $rowfta_ac1i

</rd>

<fl aligP=rlefu>

<rph

$que:'sel€ct t from'todo'

urtere

tddonr'l'AND

u_id:,$uid,and

td date:

tdf grupbytd_id";

$res

: mysqli_ryery($lin\

_$que);

if(!€'rFt5rurcs)) t

uttitg ($rov :^qrsqli_fach_assod$res)) echo<l>'

.

$rowfta_texf] .'<,[i;,.

{

l

)

^else

{ ) b

<td>

<?php

)

)

<tr>

{table>

<hhp require*once'./resornce/footer+b';>

Iogout.php

<?php

session_startQ;

session_destroyQ;

header('location:indexphp);

Lcedcr.php

<?ptp scssion_startQ; ?>

tu>

dG.D

Page No: 35

<meta charseFuUTF-8n>

<link

rel:"stllesheet"

hreF'style/style.css,' qpe:,,text/css,'

)

<title>My TOkltitle>

<lhead>

<body>

<nav>

<div

class:"brmd>

<h?>MY _TO

DO</hD

</div>

<ul>

<1><a

HhmsphpDflOME<a><ti>

<><a hreFtirccrtphp>ADD TASK</*</li>

<li><a

he,F'reput php>lff REPORT<D<I>

<ti><a

heFltogoutphp>logart</p</f>

<rtb

<hav>

</body>

</hmf>

fmter.php

</div>

<style>

.f*to_{

position:

fixe4 left:0;

bottom:0;

width: fiA%;

background-color: rgba(0,0,0,0.e;

color: white;

text-align: center;

<style> )

<div

class:"footer")

.

<pxfooter>&copy;

_{Copyright 20 I 9}

My

ToDO</footer>

<p>

{div>

</body>

</htnl>

ajaxpro.php

<|+hp

requir,('db_confi g.php,) _;

Spcition :

_{$_POS} T['position'] _;

3i=l;

fr1:{

($position _as

$k:> $v)

_{

loql:'update

_{todo SET}

position_order"

. $i .

,

_{WHERE td} IuFqti-.>quexy($sql);

rit

Pase No: 36

)

db

header('location: home.php) _;

config.php

<?php

$mysqli:

^new

mysqli('localhosf, toot", "',

nnumber");

?>

style.css bodyt

mugin: ft

padding:0;

fmt-fuily:

saas-serif;

ba*$ormd: #ffi;

background-size: covex;

font-size: 14px;

)

table

t td

.texth{

padding:5px;

width:200px;

height

3Qp";

border-radius: 5px;

)

table tr td .addBtn

{

padding:5px;

width:80px;

heighr

3Qpx;

background: #2471A3;

color:

#ffi;

text-align: center;

font-size: 12px;

cursor: pointer;

transition: 0.3s;

border-radius: 5px;

-d&:hover l

_{

t*groun+color:

_{#27 AE60;}

-bc{ l

uriin-

&solute;

+JOrt

Page No: 37

left:50Yo;

f

ansform : fr anslate(-S ff/o,-Sff/o);

width:450px;

padding:40p*;

background: rgba(0,0,0,. 8);

box-sizing: border-box;

box-shadovn O 15px 25px rgb{O,OS,.S}

border-radius, lQpx;

) J

;box

h2{

margin: 0 0 30pX padding:0;

colmffi

text-aligD: ceofec

)

.box

in@ox _{

position: relative;

)

.box.iryutbox input{

wi&h:

100%;

padding: 10px 0;

font-size:

l4px;

color:

#ffi;

margin-bottom: 30px;

border: none;

border-bottom:

lpx

solid

#ffi;

outline: aone;

background : transparent;

)

.box.inputbox

_label{

position: absolute;

top:0;

left:0;

padding:10px0;

font-size: 16px;

color:

#fff;

pointer-events: none;

transition: .5s;

I J

-bor

iryutbox

input:focus

-

^label,

-bor

jryutbox

input:valid

-

^label

t ng-ltpx;

hftq

Goh

#03a9f4;

h.ria l2pa

Page No: 38

;

I

I

I

l

)

.box input[type:"submit"]

{

background: transparen!

border: none;

outline: none;

color:#fff;

background: fl)3a9f4;

padding:

l@x

2Qpa cursor: pointe6 border-radius:

Sx;

)

-or{ mrgimop: lfi)px;

lptlr- 29AE )

-ua.me{

@ding:5hx;

) nav{

position:

fixet

top:0;

left:0;

widrh:

$0%;

heighr

7hx;

bactground: rgba{0,0,0,0.

e;

@ding:O

^50px;

box-sizing: border-box;

font-family: san s-serif.

)

nav.brand

I

_t

float: left;

height

l}Ao/a;

line-height _70px;

)

mv.brandM {

mergin:0;

pedding:5px;

colm

blue;

fu*ize

ITpx;

tds1md.color:

_{lightblue ;}

PaseNo:39

height

5Qpx;

border-radius:6px 0;

font-family:Times;

)

nav

ul{

float: right;

display: flex;

margin:0;

padding:0;

1t

nav ul

li{

listdyle ^rEE;

)

nevul

h

a{

podtim: nddive;

dirylx),: block;

h.;ght 7hx;

tideighr

TOpx pedding:0

l5px;

box-sizing:

bordertog

colon

#ffi;

text{ecoration: _n@e;

text-tansform: _uppercasc;

trmsition:.5s;

)

nav ul

li

a:hover{

color: #262626;

)

nav ul

li

a:before {

content _";

position: absolute;

top:0;

left:0;

width: fiA%;

heighr t00yq'

background:

#fff;

tansform-origrn : right;

z-index -l;

transform: scaleX(0);

tmsition:

_transform . 5s;

uv )

ul

li

a:hover:before

{ Morm-origin:

left;

drm: scalex(l);

)

PageNo:40

L

I

a

.one tr td

input{

border-radirc: 4p:r;

width:200px;

height:30pr

margin:

lpx;

box-sizing:

bfider+or;

padding:8pg

font-fimily m,tertt

fmt-sizs l4px;

)

-mtrtd.btn

_{

pa&ing:0;

fmt-size: l5px;

color: white;

background #FF6F9I;

border: none;

cursor: point€C border-radius: 5px;

)

.vtab

hth

{

font-size: 10px;

padding:5px;

color:

#fff;

background-color: lightslategray;

)

.view{

height:300px;

font-size: 14px;

paddingJeft: 50px;

padding-right: 50px;

)

.vs tr

_-sl

{ rift:50px;

PageNo:41

)\

.vtab

tr

.s2

\

I

width:200px;

It

.vtab

tr

.s3 (

1

width: tr:lrr".

text-a,igrr

;3-:e:.

I

-.-: - - li.

'.i",irt:

_{i _<0pr:}

rtab

tr

.s5

u'idth: _600px;

J

.view .ser tr

td{

padding:5px;

width:80%;

)

.view .ser tr td .button{

padding:5px;

width:80px;

height:30px;

background: #2471A3;

color:

ffif;

text-align: center;

tbnt-size:

l2px;

.-ursor: pointer;

::.:nsition: _0.3s;

:,:: jer-radius: 5px;

: --.

.::

ir td .button:hover {

:,, i:,und-color:

#27 AE60;

Page No:42

hF

width: 200px;

height: 30px;

border-radius: 5px;

-'

..:i

^I'-.rab tr td

.btnl

_l -:"Jding: ^8px:

;_.r:rg_517s. I

jpr.

;.-,ior: *.hite;

background: =FF6F91:

border: nonel cursor: pointer:

border-radius: 5px;

text-decoration: nonel margin: 10px;

It

.view.vtab

tr.tdbtn

_{ text-align: center;

,

padding:15px;

r ierv .vtab

.VIEW{

font-family: sans-serif;

ibnt-size: _14px;

i:r_sht: 15px;

'; h-rte-space: normal;

::..1ding: 2px;

!:mepage _style

_css

""

- r

^: :: =' https:i/ajax.googreapis.com/ajaxlribslique ry13.2.r/iquery.minjs,,></script>

"

- :'

^{- : = "} :rnp s : //cdnj s. cloudfl are. com/aj axfi ibsii que,t;r/1 . t z. t t _{iquery_}

-

^r_

.: -

.cript>

-t:

:

Page No: ^.43