Checkmate (ToDoList) Used AI
CheckMate is a sleek and intuitive task management application built with React. Designed for productivity enthusiasts who want to stay organized and get things done efficiently.
Key Features:
✅ Smart Task Management - Add, edit, and delete tasks with ease
✅ Interactive Checkboxes - Satisfying task completion experience
✅ Clean Interface - Minimalist design that keeps you focused
✅ Real-time Updates - Instant feedback as you manage your tasks
✅ Responsive Design - Works perfectly on desktop and mobile
Tech Stack:
React.js
CSS with dark and light mode
Why CheckMate?
The name says it all - when you complete your tasks, it's CheckMate! This isn't just another todo app.
Perfect for students, professionals, and anyone who wants to turn task management into a winning strategy!
Followers
Janick
Check their project out: OpenOverlay
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Did some Courses tuts from BroCode,
in order to to get an better understanting of React.
Because now I know why I have some spesific errors in my Code
and know how do organise things better.
made my own login form (not finished yet)
need to do css and some other stuff to get it to work
CheckMate – 1st Devlog (2h:7m:42s)
What the app can do so far:
Core Features
• Add tasks – by typing and pressing Enter or clicking a button
• Mark tasks as done – using a checkbox
• Edit tasks – double-click to edit directly
• Delete tasks – one by one with a trash button
• Bulk actions – delete all tasks or only completed ones
UI and UX
• Works on desktop (mobile not 100%)
• Progress bar – shows completed vs. total tasks
• Smooth animations – tasks slide in when added
• iOS-style design – modern with rounded corners
• Custom scrollbar – better scrolling experience
Technical Details
• LocalStorage – tasks stay saved after closing the browser
• Built with React components – modular structure
• Confirmation modals – asks before deleting tasks
• Keyboard shortcuts – Enter, Escape, double-click support
Future Plans
• Splash screen on startup
• More features and task options
• Login and registration system
• User accounts with personal settings
