rzmk / mega-todo

✅ Assignments todo list using browser local storage.

Mueez Khan

Software engineer.

• 📂 Portfolio: mueezkhan.com
• 💼 Building qsv pro and 100.dathere.com
  • Principal Engineer - datHere (Sep. 2024 - Present)
  • Software Engineer - datHere (Sep. 2023 - Aug. 2024)
  • Software Engineer Intern - datHere (Summer 2023)
  • Intern - Rearc (Summer 2022)
• 🎓 Bachelor's in Computer Science from Rutgers University (2020-2024)
• Recently working with Rust, Python, & TypeScript

mega-todo's Issues

Google fonts title

Find a font from Google Fonts and import it into the project. Then, set all h1 elements to that font.

Bonus: Find a font for the table header th text too.

Fix value input when inserting cells.

Notice the "Priority" section in each inserted assignment is in lowercase. We want to keep the value of the input (which is capitalized).

Hint: You can fix this within index.html with the value attributes of the default priority input values.

Add yourself as a contributor!

Watch/Follow this tutorial first: https://youtu.be/rgbCcBNZcdQ

🔼 Watch the video if it's your first time making a pull request. 🔼

Directions

Add yourself as a contributor in our README.md file!

Status defaults

Make the default status as "Not Started" rather than "Completed".

Add new classes to datalist.

Expected functionality

When a user types in a class name and then clicks the "Insert" button, the class name should be added to the <datalist> element in index.html as an option just like the others (Math, Science, etc.).

Example

So if I type in Physics like this:

Then press Insert:

Physics should be added to the dropdown list:

I suggest working with script.js for this functionality with the Insert button event handler.

Too many <th>!

Looks like our code is a bit unconventional! We need to change all the <th> tags in the non-header row to <td>. Use the examples here as a reference for your PR (Pull Request): https://www.w3schools.com/html/html_tables.asp

Alignment abstraction.

Remove the align="center" attribute from the the title and table in index.html and instead align the title and table in the center from the CSS file.

“Add new table row” button!

Create a button that when clicked adds a new table row.

"Due Time" column format

Make it so that the due time that is displayed for assignments is in the same format as the input row.

For example, instead of 23:59 the assignments should display 11:59 PM.

Due time cut off

The due time is slightly cut off by the timer emoji. Find a fix!

(Notice the M is cut off)

Add a default due date.

We want a default due date for new entries (on page load and on insert button click). Set the default to the current date (today).

For example for today, from:

To:

An editable drop down list for the Class Tab

The class tab is stuck with only one class, we need to make it editable so users can enter any class.

Add metatags

Add site metatags using https://metatags.io/.

Assigned to me.

Unnecessary comment!

In our script.js file, there's a comment line that doesn't need to be there! It reads: // var let const. Remove the comment since we don't need it.

Zoom media query

Only change the zoom on desktop size devices using a CSS media query.

Delete table row functionality.

Add a way to delete inserted rows (i.e. a column to delete new entries on the right with a delete icon/emoji like ❌).