A modern note-taking web application built with Next.js and TypeScript. NoteHub allows users to create, manage, and organize their personal notes with a clean and responsive interface.
https://09-auth-one-zeta.vercel.app
- 📋 Create, edit, and delete personal notes
- 🔍 Search notes with debounced input for optimal performance
- 📄 Paginated notes list
- 🔐 User authentication (login & registration)
- 💾 Persistent state management with Zustand
- ⚡ Server-state management with TanStack React Query
- ✅ Form validation with Formik & Yup
- 📱 Fully responsive interface
| Category | Technologies |
|---|---|
| Framework | Next.js 16, React 19 |
| Language | TypeScript |
| State Management | Zustand |
| Server State | TanStack React Query |
| HTTP Client | Axios |
| Forms & Validation | Formik, Yup |
| Styling | CSS Modules |
| Linting | ESLint, Prettier |
- Node.js 18+
- npm / yarn / pnpm
Clone the repository:
git clone https://github.com/Archuk1/NoteHub.git
cd NoteHubInstall dependencies:
npm installnpm run devOpen http://localhost:3000 in your browser.
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLintNoteHub/
├── app/ # Next.js App Router — pages and layouts
├── components/ # Reusable UI components
├── lib/ # Utilities, API clients, helpers
├── types/ # TypeScript type definitions
├── public/ # Static assets
├── next.config.ts # Next.js configuration
└── proxy.ts # Proxy configuration
The project is deployed on Vercel. To deploy your own instance:
- Push your code to GitHub
- Import the repository on vercel.com
- Vercel will automatically detect Next.js and deploy