📄 Agrawal's DocManager

Agrawal's DocManager is a lightweight and user-friendly document management web application built with Next.js and Bootstrap. It allows users to add, search, view, and delete documents with image uploads and local storage support — all from the browser.

---

🚀 Features

• 📝 Add new documents with name, description, and an image
• 🔍 Search documents by name
• 👁️ View document details in a modal popup
• 🗑️ Delete documents
• 💾 Data stored locally using browser's localStorage
• 📱 Fully responsive design using Bootstrap

---

📷 /screenshots

✅ Home Page - Documents List

➕ Add New Document

🔍 Search & Modal View

🔍 Search & Modal View1

🔍 Search & Modal View2

---

📁 Project Structure

project-root/
│

├── app/

│ ├── components/
│ │ └── Navbar.js
│ ├── AddDocument.js
│ └── Documents.js
│
├── public/
│ └── screenshots/
│ ├── documents-page.png
│ ├── add-document-page.png
│ └── view-document-modal.png
│
├── package.json
├── README.md
└── ...

---

🛠️ Getting Started

1. Clone the Repository

git clone https://github.com/AgrawalSujal/Document-Management-System-using-NextJS.git
cd docmanager

2. Install Dependencies

npm install

3. Start the Development Server

npm run dev

4. Open http://localhost:3000 in your browser.

---

📦 Built With

• Next.js
• Bootstrap
• React Toastify

---

📌 Notes

-This project uses localStorage only— no backend or database.

• It's perfect for demonstrating concepts or prototyping locally.

🙌 Author

• Agrawal Sujal

Made with ❤️ by Sujal Agrawal