To Do List Blog

Throughout a day in class we decided we wanted to create a model of a Todo list, but with also adding our own twist. We watched a video and wrote in the code required for the function to work.

After Much editing we finally had a working Todo List!

And now we test, to have a program called “Todo List” you would have to be able to add Priorities to complete.

After we have completed the task at hand, we must have a way to complete it! Now the fun part! Customization! Creating normal buttons in React initialize a basic black text over a white/gray background. Being the excessive person I am I decided to make the Buttons rounded, bigger, and colorful using ‘Styled-Components’ As you can see below:

const Button = styled.button`
  font-family: "Times New Roman";
  background-color: #00CED1;
  border-radius: 12px;
  padding: 20px;
  font-size: 20px;
  color: blue;
  `

And there we have it! A working Todo list straight from nothing.