Project
To-Do List (JavaScript)
Challenging
923 completions
~ 21 hours
4.3To complete the project, learn the basics of HTML, CSS, and JavaScript. You will work with several Javascript functions, loops, and objects. Learn how you can store the data in local storage.
Provided by
JetBrains Academy
About
Have you ever had the feeling that you're missing something important? If so, to-do lists can be of help. A clear outline of your daily tasks will help you stay composed and mentally focused. In this project, you will create a simple to-do list that can manage your tasks.
Graduate project
This project covers the core topics of the Frontend Developer course, making it sufficiently challenging to be a proud addition to your portfolio.
At least one graduate project is required to complete the course.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Design your to-do list web page. Set CSS styles to make it neat.
Add new tasks to the list and remove them if they are no longer needed.
Work with checkboxes to mark tasks as complete and manage dynamic styles.
Store tasks in the local storage to keep them when the page is reloaded.
Reviews
DW
Daniel Wirth2 months ago
I have learned to work with local storage and working with lists.
2 months ago
Nice project. I've learned lots of CSS while creating my own design
8 months ago
I learned that your memory has its limits and you should not be ahsmed of Googling stuff. It's easy to forget some CSS properties or when you can do something (like applying vertical-align works only for inline elements)...I think, I have a good base in frontend now and can "walk on my own".
4.3
Learners who completed this project within the Frontend Developer course rated it as follows: