This site provides you with place to keep your notes and todos lost in a convenient way. Try it at: https://notesandtodos.netlify.app

This project is a web application for managing notes and todos. It is built using React and TypeScript, with Vite as the build tool. The application leverages several libraries and frameworks, including:

Mantine: For UI components and styling. TanStack Router: For routing. TanStack Query: For data fetching and state management. Workbox: For service worker and caching. The project structure includes components, hooks, and routes organized in a modular fashion. The main features include:

Notes and Todos Management: Users can add, update, and remove notes and todos. Prefetching Data: Data for notes and todos is prefetched to improve performance. Routing: The application uses a nested routing structure to manage different views and layouts. Service Worker: For offline support and caching. Key files and directories:

components: Contains reusable UI components. hooks: Contains custom hooks for data fetching and state management. routes: Contains route definitions and components for different views. vite.config.mts: Configuration for Vite build tool. build: Contains build artifacts and service worker configuration. The application is designed to be responsive and user-friendly, providing a seamless experience for managing personal notes and todos.