Project

Overview

This is a full-stack MERN (MongoDB, Express, React, NodeJS) project designed to manage a dynamic task list with priority levels. I developed this application to practice data persistence and the complete flow of a RESTful API. On the backend, I used NodeJS and Express to build the endpoints, connecting to a MongoDB database via Mongoose to manage the item schema. For the frontend, I employed React with React Router for navigation and hooks like useRef to optimize DOM interaction. Both the backend and the frontend are deployed on Vercel, ensuring a stable connection through environment variables with dotenv.

The application allows for full CRUD (Create, Read, Update, Delete) control, enabling users to manage tasks seamlessly. I implemented a prioritization logic that automatically organizes items on the screen, along with security validations to ensure MongoDB IDs are verified before processing updates. The interface is fully reactive; the form dynamically switches between "Create" and "Edit" modes based on the application state, and it includes a confirmation system to prevent accidental deletions. This project focuses on clean architecture and efficient client-server communication.