NoteHub — Notes Management App

📘 About the Project

NoteHub is a modern web application for creating, storing, searching, and managing notes.

The project was developed as a learning application using Next.js and deployed on Vercel.
It demonstrates modern frontend development practices, including routing, API interaction, state management, server/client rendering, and responsive UI development.

---

✨ Features

• 📝 Create new notes
• 🔍 Search notes by keywords
• 🗂️ Organize and filter notes
• ❌ Delete notes
• 📄 View note details
• ⚡ Fast and responsive interface
• 🌙 Modern UI/UX
• 📱 Responsive design
• 🚀 Deployment on Vercel

---

🛠️ Tech Stack

Frontend

• Next.js
• React
• TypeScript
• CSS Modules
• TanStack Query (React Query)

Backend / API

• REST API
• Fetch API / Axios

Deployment

• Vercel

---

🚀 Getting Started

1️⃣ Clone the repository

git clone <repository-url>

2️⃣ Install dependencies

npm install

3️⃣ Run development server

npm run dev

4️⃣ Open the application

Open in browser:

http://localhost:3000

---

⚙️ Available Scripts

npm run dev       # Start development server
npm run build     # Create production build
npm run start     # Start production server
npm run lint      # Run ESLint

---

🌐 Deployment

The application is deployed on Vercel.

Production URL

https://your-project.vercel.app

---

🧠 Learning Goals

This project helped practice:

• Next.js App Router
• Dynamic routing
• Server & Client Components
• Data fetching
• API integration
• State management
• Search and filtering
• TypeScript typing
• Responsive UI development
• Deployment workflow with Vercel

---

💡 Best Practices Used

✅ Modular project structure
✅ Reusable components
✅ TypeScript strict typing
✅ Separation of concerns
✅ Loading and error states
✅ Responsive design
✅ SEO optimization with Next.js Metadata API

---

👨‍💻 Author

Артем Чупилко
Frontend / Fullstack Developer

---

🔗 Links

Live Demo

Add your Vercel deployment URL here.

Repository

Add your GitHub repository URL here.