This project implements a web application for creating, editing, deleting, and viewing notes with user authentication. It is built with Next.js (App Router) using TypeScript, React Query (TanStack Query), and Zustand for state management.
Live Demo: https://09-auth-rho-two.vercel.app/
-
User registration and login with cookies;
-
Private routes for authenticated users (/profile, /notes);
-
Modal routes for note preview;
-
API requests handled via axios, separated into server and client modules;
-
User state management via Zustand;
-
TypeScript-based typing;
-
Styled with CSS Modules;
-
Supports SSR and CSR;
-
Filtering, searching, and pagination of notes.
Frontend: Next.js (App Router), React, TypeScript
State management: Zustand, React Query
HTTP: Axios
Styling: CSS Modules
Deployment: Vercel