A Todo list app that allows users to create, track, and manage tasks. Built to practice backend functionality while displaying data in a simple frontend.
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
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
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.
Log in to leave a comment
I have built the basic data structure of the to-do app and will initially work with fake data.
Log in to leave a comment