Checkoff - try it!
Here are some screenshots showing some of the app's features.
Login Screen
Tasks page with editor open
Draggable editor in Calendar
Command-slash menu
Light mode
With the list (now called check-list in the application) you can create, delete, sort, filter and search for tasks, both current and completed ones, as well as those moved to the trash.
Create notes that can also be a task list, have the ability to set a priority level.
Tasks are saved in the cloud, so you can access them from anywhere in the world!
You also have the option of adding a date to the task, as well as the duration of the selected task.
The editor offers the so-called "command-menu", a set of "commands" that create different variants of text styles:
- Plain text
- Simple task list
- Header in three sizes
- Numbered list
- Unnumbered list
- Quote
- Code
Additionally, you can edit each text element manually by selecting it and selecting one of the available options:
- Type (same as "command-menu")
- Link
- Bold
- Italics
- Underline
- Circle
- Strikethrough
- Change text color
- Code
The ability to set the date is, of course, related to the calendar. The calendar allows you to change the date of a selected task (treated as an event), but also allows you to edit each event in the same way as you edit tasks, because the same editor is available here.
At this moment there are two themes in app
- Dark mode
- Light mode
Check both!
At the moment, the profile tab only allows you to change your login details, both email and password.
Yes. I will provide my login details below. Note: This account may have been used by someone before as it is public. I am not responsible for content posted by third parties.
Email: [email protected]
Password: demo
This application is now working, although it may still have bugs and shortcomings. I'm still working on it!
Here are some related projects and tools
- Styled Components - App styling
- React Icons - Icons
- React Date Picker - Date picker,
- React Router - Page navigation and client side routing
- React Query (TanStack Query) v4 - Remote state managing
- Tippy - Tooltips
- Vercel - Deployment
- Supabase - Database and authentication
- React
- Vite