Next, I focused on the design and decided to add multiple themes. I also implemented a small redesign.
You can check out the images feel free to comment which theme is your favorite! <3

I updated the Todo feature: now you can edit todos and save them again. The changes are sent to the server and synced. If syncing fails, it will automatically roll back.

I added a readme for Informations

I also added a modal popup that appears when you first visit the site. It lets users know that the server might take a moment to respond at first

I’ve just finished building a landing page that shows up when you first visit Taskavio and aren’t logged in yet. The Wab-app (Vercel) checks if a refresh token exists in the cookies. If you’re already logged in, you’ll be redirected straight to the dashboard. If you try to access the dashboard for the first time without a session, you’ll be sent to the login page. I’ve configured all of this logic directly in my vercel.json.

I have now implemented the ability to delete todos. The deletion request is sent to the server, which removes the entry from the database. If the server returns an error, the frontend state is reverted and an error message is shown.

I’ve fixed several bugs, including an issue to ensure refresh tokens are received correctly now. I also updated the code so that it automatically uses my local database when running the app locally. Additionally, I’ve added empty states: if there are no open or completed todos, it’s now displayed accordingly.

Finalized deployment on Vercel & Render. I programmed a Vercel Proxy (in the rewrites) to fix CORS and enable secure cookies. The app is now fully functional on all devices!

Now I’ve also coded the design for the todo items

I’ve just coded the task list design and I tested that is sure it’s fully responsive.

I integrated Tailwind CSS and DaisyUI into the project to develop the user interface for the login page.

I’ve added support for marking todos as completed and uncompleted.

When a todo is checked or unchecked, the updated completed state is sent to the backend and saved in the database (MongoDB). The UI updates immediately and

I’ve now programmed it so you can add todos, send them to the backend for processing, and then update the local ID with the server Todo-ID before re-rendering. This keeps everything synced up perfectly so you can edit or delete the new todo right away.

It finally works! I had some issues with setting the cookies and had to **debug **for a while, but now it’s working: when you log in, you’re automatically redirected to the todo page and can see your todos.

Login & SignUp with Backend Integration

I have successfully integrated my frontend with a custom backend for Login and SignUp. The system is designed to provide immediate, context-aware feedback directly within the HTML interface.

Robust Error Handling: Instant UI feedback for invalid inputs or existing emails, ensuring users know exactly what went wrong.

Live Feedback: Real-time, color-coded status messages (e.g., “Creating account…” or “Login successful!”) to guide the user.

**Secure Tokens: **Implemented HTTP-Only cookies for session storage to protect against XSS attacks and keep user data safe.

Asynchronous Logic: Used async/await to handle backend requests, ensuring the UI stays in sync with server responses before resetting forms or redirecting.

Today I spent some time improving the project structure by reorganizing my files to make everything cleaner and easier to maintain. This makes the codebase more readable and will help a lot as the project grows.

I also implemented a temporary ID system for newly created todos, so each task now has a unique identifier even before the backend is connected. This is an important step to ensure smooth state handling later on.

Additionally, I started working on a** login page** where users can either create an account or sign in. This feature is not fully functional yet, but it’s an important foundation for when I connect the frontend to a backend and add real authentication in the future.

I have implemented the functionality to add new tasks and mark tasks as completed. Completed tasks now automatically move to the “Completed” section, and tasks can also be moved back to the active list if needed.

I have built the basic data structure of the to-do app and will initially work with fake data.