ねこでじ(Nekodigi)

Nekodigi’s diary

学習中の気づきをまとめています。応援よろしくお願いします

【Declare!】Time management web application with goals.【HTML/CSS/JS x PHP/MySQL】

Abstract

www.youtube.com
I've used various timers, but I have never seen a timer that can set goals, so I made that one. You can set a goal at the start of the timer and you can review the goals after it ends.

How it works

I developed this project following steps.
1. Design website.
Design a form and appearance of website.
2. Manage data with a server.
2.1 Send client data with JavaScript and send server data with PHP.
The client program sends get server data request when website loaded and server side PHP program response html code.
Also the client program send form data when button is clicked.
3 Implement timer function.
Client program gets current time and update text each 1 second with setInterval command.
In addition, the program replace a content with review form when time is over.

Source code and how to use it

1. Run these source codes with XAMPP.

Run those programs with XAMPP etc.
Make sure to run SQL.txt with the console.
github.com

2.Create MySQL database.

Run SQL written in SQL.txt

3. Open the page with your browser.

That's all!