A web app built for users to become more productive in a simple, effortless way.
Run the command cd produly-app
Then run npm run dev
Finally, take the link in the terminal to open up the app.
Users have to-do lists where they can create tasks and assign priorities to them.
Users have access to a calendar that they can use to create important events and assign a time to them as well as if they would like to receive a notification.
Users have access to a journal where they can write down whatever they want such as their goals for the day.
The above figure is the recently created calendar view (with a minor bug) in dark mode
I took the time to learn more about different linters used. I thought there would be one linter that is used by everyone and is "best practice". However, after researching and watching videos on linters I realized code format and structure is subjective, to an extent of course. Thus, I decided to create a super-linter workflow using github actions. This way when I push code to my repository I can see clearly what issues I have and where they are.
I learned how to manipulate local storage when working on the to-do list page. It was extremely simple the only part I really struggled with was when removing a task from local storage.
I searched up some of the most common ways to remove an item from an array in javascript and went with the option of using the filter method. Initially, I didn't have any unique identifiers
to use to remove an item so I ended up just using the Date
object for a timestamp. If users are to be implemented in the future I will most likely use username or userID or something of the sort.
Overall, local storage is a very simple concept and the code for it is fairly simple as well.