Shipped this project!
I wanted to learn web development so I decided to make a simple todo app. I have not used HTML/CSS in a few years so I had to re-learn those again. I also discovered React, TypeScript, JSX, and TailwindCSS. Although the project took much longer than expected due to constant learning and refactoring, it was a fun learning experience and i’m proud that I finally finished it.
Devlog 08
I made some misc fixes and added a completion status to the task list. I think I am going to ship this now and start working on some other projects.
1
Log in to leave a comment
Comments
the priority is lost when you unmark as done
Devlog 07
Added responsive design and saved everything to localstorage. I think i’m going to end this project soon as I want to work on something more fun than a todo app.
1
Log in to leave a comment
Comments
nice!
Devlog 06
Added priority levels and due dates to tasks, also worked on visual improvements.
0
Log in to leave a comment
Devlog 05
Today I decided to work on the design of the website, it turned out pretty well now as I added blur effect throughout the site. I also finished work on the edit button so now tasks in the list can be edited.
0
Log in to leave a comment
Devlog 04
I was wrong again, separate files for components are the best thing to do. I cannot believe I spent this long on this simple todo app but I had to refactor again. On the bright side, I discovered that you can make props and simply pass everything from the parent to the child via these props. My components are now very simple and properly organized and i’m starting to understand why people use react, jsx, typescript, and tailwind over plain html/css/js.
0
Log in to leave a comment
Devlog 03
So apparently making all of your react components in separate files and importing them was not the best idea. I spent so long wondering why everything was so complicated and I had to refactor pretty much everything into a single file. Nothing better than spending multiple hours just to end up removing hundreds of lines of code.
On the bright side the core features now are pretty much done and soon i’ll actually add other features to differentiate this from a generic todo list.
0
Log in to leave a comment
Devlog 02
Added in some other stuff into the layout, probably not gonna work on this that much this weekend but at least a layout with the bare minimum features is done.
Later on I plan on adding extra features like priority tags and due dates and all that stuff. I was researching and it seems like I should not need things like classes and plain js objects should suffice.
0
Log in to leave a comment
Devlog 01
Began work on a new app, this time its a web app. I’m trying to learn React, Tailwind, and TypeScript. I also want to get back into web development because I have not touched HTML/CSS in a while.
I’m kind of unsure whether or not to use OOP principles like classes so I can assign tasks by priority and have functions to add/remove tasks and stuff like that or if theres a better way of doing it.
Also learned how to make reusable components with JSX and it’s suprisingly simple.
0
Log in to leave a comment