docs: Update README.md with comprehensive project details, technology stack, and development guidelines.

README.md

@@ -1,36 +1,73 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+# Portal Web V2
 
-## Getting Started
+This repository contains the source code for the Portal Web V2 application, a modern enterprise web interface built with Next.js 16 and React 19.
 
-First, run the development server:
+## Overview
 
+The application is designed to provide a robust and scalable frontend interface for the Portal system. It leverages a modern technology stack to ensure performance, maintainability, and type safety.
+
+### Technology Stack
+
+- **Framework:** Next.js 16 (App Router)
+- **UI Library:** React 19 with Material UI (MUI) v7
+- **State Management:** Zustand and TanStack Query (React Query)
+- **Styling:** Tailwind CSS v4 and Emotion
+- **Form Management:** React Hook Form with Zod validation
+- **Testing:** Jest
+
+## Prerequisites
+
+- Node.js (Latest LTS version recommended)
+- npm or yarn package manager
+
+## Installation
+
+1. Clone the repository:
    ```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+   git clone <repository-url>
    ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+2. Navigate to the project directory:
+   ```bash
+   cd portal-web-v2
+   ```
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+3. Install dependencies:
+   ```bash
+   npm install
+   ```
 
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+## Key Scripts
 
-## Learn More
+The following scripts are available in `package.json` for development and operations:
 
-To learn more about Next.js, take a look at the following resources:
+| Script | Description |
+|--------|-------------|
+| `npm run dev` | Starts the development server with hot-reloading. |
+| `npm run build` | Compiles the application for production deployment. |
+| `npm start` | Runs the compiled production build locally. |
+| `npm run lint` | Runs ESLint to analyze code quality and fix issues. |
+| `npm test` | Executes the test suite using Jest. |
+| `npm run test:coverage` | Runs tests and generates a code coverage report. |
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+## Project Structure
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+The project follows the standard Next.js App Router structure:
 
-## Deploy on Vercel
+- `src/`: Contains the source code.
+  - `app/`: Next.js App Router pages and layouts.
+  - `components/`: Shared UI components.
+  - `features/`: Feature-specific modules (Deep Domain Design).
+  - `hooks/`: Custom React hooks.
+  - `utils/`: Utility functions and helpers.
+  - `styles/`: Global styles and theme configurations.
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+## Development Standards
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+- **Strict Typing:** TypeScript is enforced throughout the codebase.
+- **Code Quality:** ESLint and Prettier configurations are in place to maintain code consistency.
+- **Component Architecture:** Components should be atomic and reusable where possible.
+
+## License
+
+Private and Confidential. All rights reserved.