Task creation & management

You can now actually add, view, and manage your tasks in MacIdeas! You can add tasks, view details, edit, star, and delete them by clicking on the task item icons
When you add a task, a task item gets added to the task list page, which when hovered shows icons/buttons to edit, manage tags, change due date, star, or delete the task. There’s also a circle on the left where you can mark the task as completed (none of these buttons work yet other than star and delete )
Clicking on the task item itself opens an animated panel on the side (similar to a lot of todo apps and the Slack profile panel) with input and textarea fields for editing the task and its description, as well as checkboxes to mark/unmark the task as completed or starred
The task item details panel also shows the task’s precise created and updated timestamps, as well as its ID in the backend database (for debugging purposes)
You can save the changes in the details panel by clicking on the save button, which updates and revalidates the task automatically. You can also delete the task item by clicking on the delete button and confirming the warning modal
You can close the details panel by clicking on the same task item again or by clicking on the close button
If a task item is starred, the star icon shows even when you’re not hovering over the task item. You’ll be able to filter and group task items by stars in the future as well
Updated the task list page layout to give more space to the main section and make sure everything’s aligned and positioned nicely without any display/styling issues
Added new UI components
Updated styling
Fixed a few styling and UX issues
Updated database schema

Open comments for this post

@tonymac129 on MacIdeas · about 12 hours ago

2h 2m 45s logged

Task list management

Added more task list management features so you can organize and view
your tasks more efficiently!
Added a top tool bar on task list pages where you can rename the task
list by clicking on the name, add a description, mark/unmark it as
starred, and delete it
When you click on delete, a confirmation warning modal shows up asking you to confirm
You can also star/unstar a task list by clicking on the star icon on the left sidebar or in the options menu
Starred task lists show up in a different section at the top of the sidebar to make accessing them easier and quicker
Added a dropdown button that shows an additional menu for creating
folders and projects (not implemented yet) next to the create task list
button
Added a pick emoji button for each task list on the sidebar that, of
course, still doesn’t work yet
Added the new task input field on the task page with a few placeholder
buttons and a submit button. This where you’ll be able to add tasks,
but nothing works so far
Added a message screen that shows up when all the tasks are completed/there are no tasks
Added dynamically generated SEO metadata for task list pages to make the site more accessible and responsive
Updated schema and types
Updated styling and layout

Open comments for this post

@tonymac129 on MacIdeas · 1 day ago

3h 17m 24s logged

MacIdeas: productivity & work management tool

I’m starting a new project in the MacWeb collection of online apps and platforms called MacIdeas, which is basically Notion (task, note, and project management) but significantly more inferior
Hopefully this project will turn out to be pretty complex so I can ~~milk~~ invest more hours on making and polishing this app
In this pretty big initial update, I set up the Next.js project, installed its required dependencies, added a few basic pages and layouts, added a lot of UI components, and added task list management
Spent quite some time configuring auth and the account system backend again since MacIdeas is hosted on a subdomain of the main macweb.app root domain which handles auth and accounts, so it was annoying setting up CORS, subdomain cookies, and user schemas (I’m not even sure if it works in production yet )
Added a nav bar and footer that were just copied from other MacWeb apps so they look consistent and updated a few links
Added placeholder homepage layout and sections with images and text that don’t mean anything yet
Added the main tasks page layout with a left sidebar listing all your task lists (folders and other organization stuff coming soon) and the main page displaying your actual tasks and information
You can create new task lists by clicking on the create task list button on the sidebar, which creates and redirects you to the new task list that’s automatically titled “Untitled List”
When you hover over a task list on the sidebar, an options icon appears that shows a menu of list management options, including rename, star (not implemented), and delete
When you click on rename, the task list becomes an input where you can input the new name, and clicking out of it saves and revalidates the data
When you click on delete, a confirmation warning modal appears, and the app will be redirected and revalidated after you confirm and delete the task list
Once you’re signed in, your profile icon will be displayed on the nav bar and clicking on it lets you view your profile on the main domain, toggle light/dark modes (coming soon), and sign out (does this even work ?)
Added static SEO for a few pages to improve accessibility and the site’s metadata
Added the MacIdeas logo as the favicon and site icon
Added Prisma schema and types
Configured DNS and deployment stuff
Fixed deployment issue