brytebee / todo

In this project, I built a simple list of To-Do tasks. This simple web page is engineered using Webpack and served by a Webpack dev server. I also used JavaScript DOM manipulation, HTML5, Bootstrap and CSS3.

To Do list

Description

In this project, I built a simple list of To-Do tasks. This simple web page is engineered using Webpack and served by a Webpack dev server. I also used JavaScript DOM manipulation, HTML5, Bootstrap and CSS3.

Screenshot

live-demo

Built With

• HTML5, CSS3(Bootstrap 5) and JS-DOM

Getting started

1. Clone the project
2. Installing the packages
3. On the cmd run npm run build
4. Run npm start

Prerequisites

Basic knowledge of HTML Semantics CSS And JS-DOM to understand code. Ordinary internet browser knowledge to use. 😃

Author

👤 Atsighi Bright

• GitHub: @brytebee
• Twitter: @brytebee
• LinkedIn: brytebee

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration

📝 License

This project is Microverse licensed.

todo's Issues

Suggested Changes ♻️

Hi! @brytebee!
Great job coming this far, your code is really clean!

However, there are some suggested modifications you could consider making to implement ES6 code syntax and conventions.

1. Write the above function(s) using an arrow function. It's more efficient.

toDo/src/addItem.js

Line 14 in c012394

export default function add() {

toDo/src/clearAll.js

Line 5 in c012394

export default function clearAll(list) {

2. Move all const, variable, and element definitions to the top of the function(s) below if possible:

toDo/src/display.js

Line 34 in c012394

const checkInputDiv = document.createElement('div');

No issues

No issues so far