Mohamab29 / task-board

A task board website using HTML5,CSS3 and JavaScript .

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Task Board

Task Board

 


HTML5 CSS3 JavaScript
Github top language   Github language count   Repository size   License


About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author


🎯 About

Task Board website is the first project in my full-stack course and the purpose of it is to use all the things we learned about front-end design in a web page using HTML,CSS3 and JavaScript.

In the website a user can enter to do tasks in the task board and the time for the task to be completed , after that a yellow card will be automatically shown with all the task text in it with the target date and time , and if a user is done with a task he can simply delete it,and of course he can add as many tasks as he wants.

Since this is just a front-end design the website will not have any back-end development in it , instead the tasks will be saved locally on the user's local machine using Local Storage.

✨ Features

βœ”οΈ being able to see the task notes on th task board;
βœ”οΈ entering a new task note;
βœ”οΈ deleting the task/s;

πŸš€ Technologies

The following tools were used in this project:

βœ… Requirements

Before starting 🏁, you need to have Git , VS Code installed and Live Server.

🏁 Starting

# Clone this project
$ git clone https://github.com/Mohamab29/task-board

# Access
$ cd task-board

$ code .

After opening the folder in VS Code , right click on the index.html folder and then click on open with live server after that your default browser will pop-up with the website being fully live locally on your machine.

πŸ“ License

This project is under license from Apache 2.0. For more details, see the LICENSE file.

Made with ❀️ by Mohamed Nedal Abomokh

 

Back to top

About

A task board website using HTML5,CSS3 and JavaScript .

License:Apache License 2.0


Languages

Language:JavaScript 59.5%Language:CSS 22.5%Language:HTML 18.0%