diff --git a/ddip/.gitignore b/.gitignore
similarity index 96%
rename from ddip/.gitignore
rename to .gitignore
index 5ef6a52..9135c73 100644
--- a/ddip/.gitignore
+++ b/.gitignore
@@ -16,6 +16,7 @@
 # next.js
 /.next/
 /out/
+/next-container/
 
 # production
 /build
diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..3d44941
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,8 @@
+# ����Ʈ ���õ� ����
+/shelf/
+/workspace.xml
+# ������ ��� HTTP Ŭ���̾�Ʈ ��û
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/ddip.iml b/.idea/ddip.iml
new file mode 100644
index 0000000..f9f881e
--- /dev/null
+++ b/.idea/ddip.iml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/next-container" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
new file mode 100644
index 0000000..8fefff1
--- /dev/null
+++ b/.idea/encodings.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="file://$PROJECT_DIR$/ddip/public/fonts/PretendardVariable.woff2" charset="UTF-8" />
+    <file url="file://$PROJECT_DIR$/src/app/api/auth/signup/route.js" charset="UTF-8" />
+    <file url="file://$PROJECT_DIR$/src/app/feature/home/page.js" charset="UTF-8" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..03d9549
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..282b76e
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ddip.iml" filepath="$PROJECT_DIR$/.idea/ddip.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..8306744
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
new file mode 100644
index 0000000..90686c1
--- /dev/null
+++ b/.idea/workspace.xml
@@ -0,0 +1,458 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="78493023-1c64-413b-bbc3-4cbdbef983a1" name="변경" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="JavaScript File" />
+      </list>
+    </option>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_BRANCH_BY_REPOSITORY">
+      <map>
+        <entry key="$PROJECT_DIR$" value="release-0.2-refactory" />
+      </map>
+    </option>
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "ModuleVcsDetector.initialDetectionPerformed": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "RunOnceActivity.git.unshallow": "true",
+    "git-widget-placeholder": "mongodb",
+    "js.debugger.nextJs.config.created.client": "true",
+    "js.debugger.nextJs.config.created.server": "true",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "ts.external.directory.path": "C:\\Users\\USER\\AppData\\Local\\Programs\\WebStorm\\plugins\\javascript-plugin\\jsLanguageServicesImpl\\external",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
+  <component name="RunManager">
+    <configuration name="Next.js: 클라이언트 측에서 디버그" type="JavascriptDebugType" uri="http://localhost:3000/">
+      <method v="2" />
+    </configuration>
+    <configuration name="Next.js: 서버 측" type="js.build_tools.npm">
+      <package-json value="$PROJECT_DIR$/package.json" />
+      <command value="run" />
+      <scripts>
+        <script value="dev" />
+      </scripts>
+      <node-interpreter value="project" />
+      <envs />
+      <method v="2" />
+    </configuration>
+  </component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-d6986cc7102b-6a121458b545-JavaScript-WS-251.25410.117" />
+      </set>
+    </attachedChunks>
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="디폴트 작업">
+      <changelist id="78493023-1c64-413b-bbc3-4cbdbef983a1" name="변경" comment="" />
+      <created>1749200115075</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1749200115075</updated>
+      <workItem from="1749200116135" duration="8639000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="e5d6a845-d7f4-47f0-b14b-29de60ee74da" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+    </list>
+    <list id="a019c806-4293-46f6-9a88-704590647923" name="Changes by dokkk0dahee" comment="" />
+    <list id="e203547a-a1c8-4849-b46c-a730e29da9c3" name="Changes by kksu1" comment="" />
+    <list id="0db04d73-ef62-4e46-9f19-36c9b3b346c7" name="Changes by Yunwoo" comment="" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="JavaScript File" />
+      </list>
+    </option>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="GitHubPullRequestSearchHistory">{
+  &quot;lastFilter&quot;: {
+    &quot;state&quot;: &quot;OPEN&quot;,
+    &quot;assignee&quot;: &quot;ArgX2&quot;
+  }
+}</component>
+  <component name="GithubPullRequestsUISettings">{
+  &quot;selectedUrlAndAccountId&quot;: {
+    &quot;url&quot;: &quot;https://github.com/Siul49/DDIP.git&quot;,
+    &quot;accountId&quot;: &quot;72c675de-739d-426a-b925-26941b57e4d3&quot;
+  }
+}</component>
+  <component name="ProjectColorInfo">{
+  &quot;associatedIndex&quot;: 7
+}</component>
+  <component name="ProjectId" id="2xdC4JYJOrikpDLJRDEowUJan3Z" />
+  <component name="ProjectLevelVcsManager">
+    <ConfirmationsSetting value="2" id="Add" />
+  </component>
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "ModuleVcsDetector.initialDetectionPerformed": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "RunOnceActivity.git.unshallow": "true",
+    "git-widget-placeholder": "mongodb",
+    "js.debugger.nextJs.config.created.client": "true",
+    "js.debugger.nextJs.config.created.server": "true",
+    "last_opened_file_path": "C:/Users/pkpk0/WebstormProjects/ddip/public/fonts",
+    "node.js.detected.package.eslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "ts.external.directory.path": "C:\\Users\\pkpk0\\AppData\\Local\\Programs\\WebStorm\\plugins\\javascript-plugin\\jsLanguageServicesImpl\\external",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\public\fonts" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\user" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\home" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP" />
+    </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\src\app\feature\home\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\src\app\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\auth\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\auth" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP" />
+    </key>
+  </component>
+  <component name="RunManager" selected="npm.Next.js: server-side">
+    <configuration name="Next.js: debug client-side" type="JavascriptDebugType" uri="http://localhost:3000/">
+      <method v="2" />
+    </configuration>
+    <configuration name="Next.js: server-side" type="js.build_tools.npm">
+      <package-json value="$PROJECT_DIR$/package.json" />
+      <command value="run" />
+      <scripts>
+        <script value="dev" />
+      </scripts>
+      <node-interpreter value="project" />
+      <envs />
+      <method v="2" />
+    </configuration>
+  </component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-d6986cc7102b-f27c65a3e318-JavaScript-WS-251.23774.424" />
+      </set>
+    </attachedChunks>
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="e5d6a845-d7f4-47f0-b14b-29de60ee74da" name="Changes" comment="" />
+      <created>1748258372673</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1748258372673</updated>
+      <workItem from="1748258374355" duration="474000" />
+      <workItem from="1748319543834" duration="375000" />
+      <workItem from="1748340397909" duration="2097000" />
+      <workItem from="1748342529373" duration="7019000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+  <component name="Vcs.Log.Tabs.Properties">
+    <option name="TAB_STATES">
+      <map>
+        <entry key="MAIN">
+          <value>
+            <State />
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AutoImportSettings">
+    <option name="autoReloadType" value="SELECTIVE" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="e5d6a845-d7f4-47f0-b14b-29de60ee74da" name="Changes" comment="">
+      <change afterPath="$PROJECT_DIR$/.idea/.gitignore" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/ddip.iml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/modules.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/public/fonts/PretendardVariable.woff2" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/api/items.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/api/route.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/api/writing-api.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/chat/chat-component.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/chat/chat-list.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/chat/chatting.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/common/post.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/common/shortcut.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/footer.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/components/item-list.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/api/login/route.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/api/signup/route.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/components/agreement.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/components/input.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/components/signup-form.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/components/validate.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/auth/page.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/category/components/category-form.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/feature/category/page.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/pruduct/page.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/user/model/user.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/util/chat.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/app/util/socket.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/lib/mongodb.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/encodings.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/encodings.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/vcs.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/.gitignore" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/README.md" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/eslint.config.mjs" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/jsconfig.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/next.config.mjs" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/package-lock.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/package.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/postcss.config.mjs" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/DDIP.png" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/file.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/globe.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/next.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/smolDDIP.png" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/testimage.png" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/textured-paper.png" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/vercel.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/public/window.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/favicon.ico" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/globals.css" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/home/category.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/home/item.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/home/main.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/home/page.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/home/nav.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/components/nav.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/home/products.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/layout.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/ddip/src/app/page.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/jsconfig.json" beforeDir="false" afterPath="$PROJECT_DIR$/jsconfig.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/components/common/nav.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/components/common/nav.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/auth/api/auth-api.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/feature/profile/page.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/auth/components/login-form.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/feature/auth/components/login-form.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/auth/components/sign-in.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/auth/index.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/home/components/category-form.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/home/components/chat-form.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/components/chat-form.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/home/components/writing-form.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/components/writing-form.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/home/index.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/profile/index.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/user/api/user-api.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/feature/user/model/user.js" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/globals.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/globals.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/layout.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/layout.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/app/page.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/app/page.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/constants/categoryDB.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/constants/categoryDB.js" afterDir="false" />
+    </list>
+    <list id="a019c806-4293-46f6-9a88-704590647923" name="Changes by dokkk0dahee" comment="" />
+    <list id="e203547a-a1c8-4849-b46c-a730e29da9c3" name="Changes by kksu1" comment="" />
+    <list id="0db04d73-ef62-4e46-9f19-36c9b3b346c7" name="Changes by Yunwoo" comment="" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="JavaScript File" />
+      </list>
+    </option>
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_BRANCH_BY_REPOSITORY">
+      <map>
+        <entry key="$PROJECT_DIR$" value="release-0.2" />
+      </map>
+    </option>
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
+  <component name="GitHubPullRequestSearchHistory">{
+  &quot;lastFilter&quot;: {
+    &quot;state&quot;: &quot;OPEN&quot;,
+    &quot;assignee&quot;: &quot;ArgX2&quot;
+  }
+}</component>
+  <component name="GithubPullRequestsUISettings">{
+  &quot;selectedUrlAndAccountId&quot;: {
+    &quot;url&quot;: &quot;https://github.com/Siul49/DDIP.git&quot;,
+    &quot;accountId&quot;: &quot;72c675de-739d-426a-b925-26941b57e4d3&quot;
+  }
+}</component>
+  <component name="ProjectColorInfo">{
+  &quot;associatedIndex&quot;: 7
+}</component>
+  <component name="ProjectId" id="2xdC4JYJOrikpDLJRDEowUJan3Z" />
+  <component name="ProjectLevelVcsManager">
+    <ConfirmationsSetting value="2" id="Add" />
+  </component>
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;ModuleVcsDetector.initialDetectionPerformed&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.git.unshallow&quot;: &quot;true&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;release-0.2-refactory&quot;,
+    &quot;js.debugger.nextJs.config.created.client&quot;: &quot;true&quot;,
+    &quot;js.debugger.nextJs.config.created.server&quot;: &quot;true&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/pkpk0/WebstormProjects/ddip/src/app/components&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\pkpk0\\AppData\\Local\\Programs\\WebStorm\\plugins\\javascript-plugin\\jsLanguageServicesImpl\\external&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  }
+}</component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\src\app\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\src\app" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\public\fonts" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\user" />
+    </key>
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\src\app\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\public" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\ddip\src\app\feature\home\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\auth\components" />
+      <recent name="C:\Users\pkpk0\WebstormProjects\DDIP\src\app\feature\auth" />
+    </key>
+  </component>
+  <component name="RunManager" selected="npm.Next.js: server-side">
+    <configuration name="Next.js: debug client-side" type="JavascriptDebugType" uri="http://localhost:3000/">
+      <method v="2" />
+    </configuration>
+    <configuration name="Next.js: server-side" type="js.build_tools.npm">
+      <package-json value="$PROJECT_DIR$/package.json" />
+      <command value="run" />
+      <scripts>
+        <script value="dev" />
+      </scripts>
+      <node-interpreter value="project" />
+      <envs />
+      <method v="2" />
+    </configuration>
+  </component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-d6986cc7102b-f27c65a3e318-JavaScript-WS-251.23774.424" />
+      </set>
+    </attachedChunks>
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="e5d6a845-d7f4-47f0-b14b-29de60ee74da" name="Changes" comment="" />
+      <created>1748258372673</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1748258372673</updated>
+      <workItem from="1748258374355" duration="474000" />
+      <workItem from="1748319543834" duration="375000" />
+      <workItem from="1748340397909" duration="2097000" />
+      <workItem from="1748342529373" duration="7279000" />
+      <workItem from="1748396975942" duration="2036000" />
+      <workItem from="1748399363258" duration="546000" />
+      <workItem from="1748477066961" duration="322000" />
+      <workItem from="1748482238997" duration="6316000" />
+      <workItem from="1748527571867" duration="143000" />
+      <workItem from="1748590013255" duration="50000" />
+      <workItem from="1749186453529" duration="3255000" />
+      <workItem from="1749190984058" duration="1625000" />
+      <workItem from="1749192634436" duration="1968000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+  <component name="Vcs.Log.Tabs.Properties">
+    <option name="TAB_STATES">
+      <map>
+        <entry key="MAIN">
+          <value>
+            <State>
+              <option name="FILTERS">
+                <map>
+                  <entry key="branch">
+                    <value>
+                      <list>
+                        <option value="origin/mongodb" />
+                      </list>
+                    </value>
+                  </entry>
+                </map>
+              </option>
+            </State>
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..7d1840d
--- /dev/null
+++ b/README.md
@@ -0,0 +1,14 @@
+# DDIP
+
+## 현재 구현기능
+### FE
+- 로그인
+- 회원가입
+- 로그아웃
+
+
+### BE
+- 로그인
+- 회원가입
+- 로그아웃
+
diff --git a/ddip/README.md b/ddip/README.md
deleted file mode 100644
index 66bb426..0000000
--- a/ddip/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
-
-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.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [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.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-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.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/ddip/jsconfig.json b/ddip/jsconfig.json
deleted file mode 100644
index 774c46b..0000000
--- a/ddip/jsconfig.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "src",
-    "paths": {
-      "@home/*": ["app/home/*"]
-    }
-  }
-}
diff --git a/ddip/public/DDIP.png b/ddip/public/DDIP.png
deleted file mode 100644
index 255b5fe..0000000
Binary files a/ddip/public/DDIP.png and /dev/null differ
diff --git a/ddip/public/smolDDIP.png b/ddip/public/smolDDIP.png
deleted file mode 100644
index 9a24145..0000000
Binary files a/ddip/public/smolDDIP.png and /dev/null differ
diff --git a/ddip/src/app/home/category.js b/ddip/src/app/home/category.js
deleted file mode 100644
index 5a3b5e2..0000000
--- a/ddip/src/app/home/category.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import Image from 'next/image'
-import { useState } from 'react';
-
-export function Category({onSelect}) {
-
-    const [activeIndex, setActiveIndex] = useState(null);
-    const handleClick = (selected_index) => {
-        setActiveIndex(selected_index);
-        if (onSelect) onSelect(selected_index);
-    };
-    return (
-        <section className="relative w-full flex flex-col items-center justify-center bg-[#FFFCED]">
-            <h2 className={"absolute w-full top-16 font-bold text-3xl text-center"}>카테고리</h2>
-            <div className={"relative top-30 bg-gray-200 w-[75%] h-65 grid grid-cols-6 rounded-2xl"}>
-                {Array.from({ length: 6 }).map((_,index_category) => (
-                    <button key={index_category} onClick={() => handleClick(index_category+1)} className="relative w-full h-full">
-                        <Image src={'/testimage.png'} fill
-                               className=" w-full h-full p-4 object-contain hover:bg-gray-300 select-transition" alt="이미지"/>
-                    </button>
-                ))}
-            </div>
-        </section>
-        )
-}
\ No newline at end of file
diff --git a/ddip/src/app/home/item.js b/ddip/src/app/home/item.js
deleted file mode 100644
index c6126f0..0000000
--- a/ddip/src/app/home/item.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import Image from 'next/image'
-
-export function Item({onSelect}) {
-    return (
-        <section className="relative w-full h-full bg-[#FFFCED] flex justify-center text-center">
-            <h2 className={"absolute w-full top-24 font-bold text-3xl text-center"}>상품 페이지</h2>
-            <div className={"relative top-48 bg-white w-[75%] h-[70vh] grid grid-cols-6 rounded-2xl border-2"}></div>
-        </section>
-    )
-}
\ No newline at end of file
diff --git a/ddip/src/app/home/main.js b/ddip/src/app/home/main.js
deleted file mode 100644
index 269c3be..0000000
--- a/ddip/src/app/home/main.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import Image from 'next/image'
-
-export function Main() {
-
-    return (
-        <div className={"relative w-full h-full bg-[#FFFCED] flex justify-center text-center"}>
-            <div className="relative top-0 w-full h-[80vh] bg-[url(/textured-paper.png)] flex justify-center">
-                <div className="absolute inset-0 bg-lime-500/30 mix-blend-multiply" />
-                <div className="absolute w-[50%] h-[40%] top-[20%]" >
-                    <Image fill src="/DDIP.png" className={"object-contain"}  alt="사진이미지"/>
-                </div>
-
-                <div className="absolute searchslot w-[60%] h-16 bottom-24 flex items-center">
-                    <input type="text" id="search" minLength="0" className="absolute w-[90%] h-full left-4 outline-0"/>
-                    <button className={"absolute bg-green-500 hover:bg-green-400 rounded-full w-36 h-[80%] right-2 font-bold text-white select-transition"}>
-                        SEARCH</button>
-                </div>
-
-                <div className={"absolute bg-gray-20 w-[75%] h-8 bottom-8 rounded-2xl"}>
-                    <div className={"absolute w-full h-full grid grid-cols-10 gap-x-15 items-center justify-center"}>
-                        {Array.from({ length: 10 }).map((_, index) => (
-                            <button
-                                key={index}
-                                className="min-w-16 w-full h-10 bg-gray-500 hover:bg-gray-400 rounded-full select-transition"
-                            ></button>
-                        ))}
-                    </div>
-                </div>
-            </div>
-
-        </div>
-    )
-}
\ No newline at end of file
diff --git a/ddip/src/app/home/nav.js b/ddip/src/app/home/nav.js
deleted file mode 100644
index 6ec828c..0000000
--- a/ddip/src/app/home/nav.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import Image from 'next/image';
-
-import {useEffect, useState} from "react";
-
-export function Navs() {
-    const [moving,setMoved] = useState(false);
-
-    useEffect(() => {
-        const scrolled = () => {
-            setMoved(window.scrollY > 50);
-        };
-        window.addEventListener('scroll', scrolled);
-        return () => window.removeEventListener('scroll', scrolled);
-    }, []);
-
-    return (
-        <>
-            <nav
-                    className={`fixed top-0 left-0 right-0 z-50 bg-[#FFFCED] shadow-lg flex items-center justify-center hover:opacity-100
-                    transition-all duration-300 ${moving ? 'h-12 opacity-0 hover:h-20' : 'h-20 opacity-100 hover:shadow-2xl'}`}
-            >
-                <button onClick={() => window.location.reload()}
-                        className="absolute w-32 left-3 text-center text-green-500 rounded-2xl cursor-pointer">
-                    <div className="w-32 h-12 left-3">
-                        <Image src="/DDIP.png" fill alt="Home" className="object-contain"/>
-                    </div>
-
-                </button>
-
-                <a className="absolute right-20 cursor-pointer text-black shadow-green-500 ">로그인/회원가입</a>
-
-                <div
-                    className="absolute w-12 h-12 right-5 bg-green-500 border-black border-4 rounded-full cursor-pointer"></div>
-            </nav>
-        </>
-    )
-}
\ No newline at end of file
diff --git a/ddip/src/app/home/products.js b/ddip/src/app/home/products.js
deleted file mode 100644
index 842fbe1..0000000
--- a/ddip/src/app/home/products.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import Image from 'next/image'
-import {useState} from "react";
-
-export function Products({onSelect}) {
-    const [activeIndex, setActiveIndex] = useState(null);
-    const handleClick = (selected_index) => {
-        setActiveIndex(selected_index);
-        if (onSelect) onSelect(selected_index);
-    };
-    return (
-        <section className="relative w-full h-full bg-[#FFFCED] flex justify-center text-center">
-
-            <h2 className={"absolute w-full font-bold text-3xl text-center"}>상품 목록</h2>
-            <div className={"absolute top-15 bg-gray-200 w-[65%] aspect-square grid grid-cols-4 grid-rows-4 rounded-2xl"}>
-                {Array.from({ length: 16 }).map((_, indexProduct) => (
-                    <button key={indexProduct} className="relative w-full aspect-square hover:bg-gray-300 select-transition p-4"
-                            onClick={() => handleClick(indexProduct+1)} >
-                        <div className={"relative w-full h-full"}>
-                            <Image
-                                src="/testimage.png"
-                                fill
-                                className="object-contain "
-                                alt="이미지"
-                            />
-                        </div>
-                        </button>
-                ))}
-            </div>
-        </section>
-    )
-}
\ No newline at end of file
diff --git a/ddip/src/app/page.js b/ddip/src/app/page.js
deleted file mode 100644
index f4e5acd..0000000
--- a/ddip/src/app/page.js
+++ /dev/null
@@ -1,53 +0,0 @@
-'use client';
-
-import { useState } from 'react';
-import { Navs } from '@home/nav';
-import { Main } from '@home/main';
-import {Category} from '@home/category';
-import {Products} from '@home/products';
-import {Item} from '@home/item';
-
-
-
-export default function Home() {
-    const [mode, setMode] = useState('home');
-    const [selectedCategory, setSelectedCategory] = useState(null);
-    const [selectedProduct, setSelectedProduct] = useState(null);
-
-
-    return (
-    <div className={'relative w-full h-full flex flex-col justify-center bg-[#FFFCED]'}>
-        <Navs/>
-
-        {mode === 'home' && (
-            <>
-                <Main />
-                <div className="h-32 bg-[#FFFCED]" />
-                <Category onSelect={(index) => {
-                    setSelectedCategory(index);
-                    setMode('category');
-                }} />
-            </>
-        )}
-
-        {mode === 'category' && (
-            <>
-                <div className="h-16 bg-[#FFFCED]"/>
-                <div className="w-[80%] mx-auto"><Category onSelect={setSelectedCategory} /></div>
-                <div className="h-108 bg-[#FFFCED]"/>
-                <Products onSelect={(index) => {
-                    setSelectedProduct(index);
-                    setMode('product');
-                }} />
-            </>
-        )}
-
-        {mode === 'product' && (
-            <>
-                <Item onSelect={setSelectedProduct} />
-            </>
-        )}
-
-    </div>
-    );
-}
\ No newline at end of file
diff --git a/ddip/eslint.config.mjs b/eslint.config.mjs
similarity index 100%
rename from ddip/eslint.config.mjs
rename to eslint.config.mjs
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 0000000..e954206
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "baseUrl": "src",
+    "paths": {
+      "@home/*": ["app/feature/home/*"],
+      "@constants/*": ["constants/*"],
+      "@auth/*": ["app/feature/auth/*"],
+      "@components/*": ["app/components/*"]
+    }
+  }
+}
diff --git a/ddip/next.config.mjs b/next.config.mjs
similarity index 73%
rename from ddip/next.config.mjs
rename to next.config.mjs
index 4678774..8c1b65a 100644
--- a/ddip/next.config.mjs
+++ b/next.config.mjs
@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+
+};
 
 export default nextConfig;
diff --git a/ddip/package-lock.json b/package-lock.json
similarity index 91%
rename from ddip/package-lock.json
rename to package-lock.json
index 66ca4ad..6abf482 100644
--- a/ddip/package-lock.json
+++ b/package-lock.json
@@ -8,9 +8,16 @@
       "name": "nexttest",
       "version": "0.1.0",
       "dependencies": {
+        "bcryptjs": "^3.0.2",
+        "cookie": "^1.0.2",
+        "iron-session": "^8.0.4",
+        "mongodb": "^6.16.0",
+        "mongoose": "^8.15.1",
         "next": "15.3.2",
         "react": "^19.0.0",
-        "react-dom": "^19.0.0"
+        "react-dom": "^19.0.0",
+        "socket.io": "^4.8.1",
+        "socket.io-client": "^4.8.1"
       },
       "devDependencies": {
         "@eslint/eslintrc": "^3",
@@ -749,6 +756,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.2.2.tgz",
+      "integrity": "sha512-EB0O3SCSNRUFk66iRCpI+cXzIjdswfCs7F6nOC3RAGJ7xr5YhaicvsRwJ9eyzYvYRlCSDUO/c7g4yNulxKC1WA==",
+      "license": "MIT",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
     "node_modules/@napi-rs/wasm-runtime": {
       "version": "0.2.9",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.9.tgz",
@@ -968,6 +984,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@socket.io/component-emitter": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz",
+      "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==",
+      "license": "MIT"
+    },
     "node_modules/@swc/counter": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
@@ -1270,6 +1292,15 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@types/cors": {
+      "version": "2.8.18",
+      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.18.tgz",
+      "integrity": "sha512-nX3d0sxJW41CqQvfOzVG1NCTXfFDrDWIghCZncpHeWlVFd81zxB/DLhg7avFg6eHLCRX7ckBmoIIcqa++upvJA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.7.tgz",
@@ -1291,6 +1322,30 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/node": {
+      "version": "22.15.21",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.21.tgz",
+      "integrity": "sha512-EV/37Td6c+MgKAbkcLG6vqZ2zEYHD7bvSrzqqs2RIhbA6w3x+Dqz8MZM3sP6kGTeLrdoOgKZe+Xja7tUB2DNkQ==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz",
+      "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.32.1",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.32.1.tgz",
@@ -2083,6 +2138,24 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/base64id": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-2.0.0.tgz",
+      "integrity": "sha512-lGe34o6EHj9y3Kts9R4ZYs/Gr+6N7MCaMlIFA3F1R2O5/m7K06AxfSeO5530PEERE6/WyEg3lsuyw4GHlPZHog==",
+      "license": "MIT",
+      "engines": {
+        "node": "^4.5.0 || >= 5.9"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.2.tgz",
+      "integrity": "sha512-k38b3XOZKv60C4E2hVsXTolJWfkGRMbILBIe2IBITXciy5bOsTKot5kDrf3ZfufQtQOUN5mXceUEpU1rTl9Uog==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
     "node_modules/body-parser": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.0.tgz",
@@ -2128,6 +2201,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/bson": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.10.3.tgz",
+      "integrity": "sha512-MTxGsqgYTwfshYWTRdmZRC+M7FnG1b4y7RO7p2k3X24Wq0yv1m77Wsj0BzlPzd/IowgESfsruQCUToa7vbOpPQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
     "node_modules/busboy": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
@@ -2338,13 +2420,12 @@
       }
     },
     "node_modules/cookie": {
-      "version": "0.7.2",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
-      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
-      "dev": true,
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
+      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
       "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">=18"
       }
     },
     "node_modules/cookie-signature": {
@@ -2361,7 +2442,6 @@
       "version": "2.8.5",
       "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
       "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "object-assign": "^4",
@@ -2451,7 +2531,6 @@
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
       "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -2580,6 +2659,134 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/engine.io": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.4.tgz",
+      "integrity": "sha512-ZCkIjSYNDyGn0R6ewHDtXgns/Zre/NT6Agvq1/WobF7JXgFff4SeDroKiCO3fNJreU9YG429Sc81o4w5ok/W5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/cors": "^2.8.12",
+        "@types/node": ">=10.0.0",
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "~0.7.2",
+        "cors": "~2.8.5",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/engine.io-client": {
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-6.6.3.tgz",
+      "integrity": "sha512-T0iLjnyNWahNyv/lcjS2y4oE358tVS/SYQNxYXGAJ9/GLgH4VCvOQ/mhTjqU88mLZCQgiG8RIegFHYCdVC+j5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1",
+        "engine.io-parser": "~5.2.1",
+        "ws": "~8.17.1",
+        "xmlhttprequest-ssl": "~2.1.1"
+      }
+    },
+    "node_modules/engine.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io-parser": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.3.tgz",
+      "integrity": "sha512-HqD3yTBfnBxIrbnM1DoD6Pcq8NECnh8d4As1Qgh0z5Gg3jRRIqijury0CL3ghu/edArpUYiYqQiDUQBIs4np3Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/engine.io/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/engine.io/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/engine.io/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/enhanced-resolve": {
       "version": "5.18.1",
       "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
@@ -3308,6 +3515,16 @@
         "express": "^4.11 || 5 || ^5.0.0-beta.1"
       }
     },
+    "node_modules/express/node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3861,6 +4078,39 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/iron-session": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/iron-session/-/iron-session-8.0.4.tgz",
+      "integrity": "sha512-9ivNnaKOd08osD0lJ3i6If23GFS2LsxyMU8Gf/uBUEgm8/8CC1hrrCHFDpMo3IFbpBgwoo/eairRsaD3c5itxA==",
+      "funding": [
+        "https://github.com/sponsors/vvo",
+        "https://github.com/sponsors/brc-dd"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "cookie": "^0.7.2",
+        "iron-webcrypto": "^1.2.1",
+        "uncrypto": "^0.1.3"
+      }
+    },
+    "node_modules/iron-session/node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/iron-webcrypto": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/iron-webcrypto/-/iron-webcrypto-1.2.1.tgz",
+      "integrity": "sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/brc-dd"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -4375,6 +4625,15 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/kareem": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
+      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -4724,6 +4983,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg==",
+      "license": "MIT"
+    },
     "node_modules/merge-descriptors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
@@ -4846,11 +5111,109 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/mongodb": {
+      "version": "6.16.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.16.0.tgz",
+      "integrity": "sha512-D1PNcdT0y4Grhou5Zi/qgipZOYeWrhLEpk33n3nm6LGtz61jvO88WlrWCK/bigMjpnOdAUKKQwsGIl0NtWMyYw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.9",
+        "bson": "^6.10.3",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0 || ^2.0.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.2.tgz",
+      "integrity": "sha512-rMO7CGo/9BFwyZABcKAWL8UJwH/Kc2x0g72uhDWzG48URRax5TCIcJ7Rc3RZqffZzO/Gwff/jyKwCU9TN8gehA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/whatwg-url": "^11.0.2",
+        "whatwg-url": "^14.1.0 || ^13.0.0"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "8.15.1",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.15.1.tgz",
+      "integrity": "sha512-RhQ4DzmBi5BNGcS0w4u1vdMRIKcteXTCNzDt1j7XRcdWYBz1MjMjulBhPaeC5jBCHOD1yinuOFTTSOWLLGexWw==",
+      "license": "MIT",
+      "dependencies": {
+        "bson": "^6.10.3",
+        "kareem": "2.6.3",
+        "mongodb": "~6.16.0",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
@@ -4990,7 +5353,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -5368,7 +5730,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -5939,6 +6300,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ==",
+      "license": "MIT"
+    },
     "node_modules/simple-swizzle": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.2.tgz",
@@ -5949,6 +6316,173 @@
         "is-arrayish": "^0.3.1"
       }
     },
+    "node_modules/socket.io": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.1.tgz",
+      "integrity": "sha512-oZ7iUCxph8WYRHHcjBEc9unw3adt5CmSNlppj/5Q4k2RIrhl8Z5yY2Xr4j9zj0+wzVZ0bxmYoGSzKJnRl6A4yg==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "base64id": "~2.0.0",
+        "cors": "~2.8.5",
+        "debug": "~4.3.2",
+        "engine.io": "~6.6.0",
+        "socket.io-adapter": "~2.5.2",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.2.0"
+      }
+    },
+    "node_modules/socket.io-adapter": {
+      "version": "2.5.5",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.5.tgz",
+      "integrity": "sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "~4.3.4",
+        "ws": "~8.17.1"
+      }
+    },
+    "node_modules/socket.io-adapter/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "4.8.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-4.8.1.tgz",
+      "integrity": "sha512-hJVXfu3E28NmzGk8o1sHhN3om52tRvwYeidbj7xKy2eIIse5IoKX3USlS6Tqt3BHAtflLIkCQBkzVrEEfWUyYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.2",
+        "engine.io-client": "~6.6.1",
+        "socket.io-parser": "~4.2.4"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io-parser": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz",
+      "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==",
+      "license": "MIT",
+      "dependencies": {
+        "@socket.io/component-emitter": "~3.1.0",
+        "debug": "~4.3.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/socket.io-parser/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/debug": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
+      "integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/socket.io/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/socket.io/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -5958,6 +6492,15 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ==",
+      "license": "MIT",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
     "node_modules/stable-hash": {
       "version": "0.0.5",
       "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
@@ -6271,6 +6814,18 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/tr46": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.1.tgz",
+      "integrity": "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==",
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
@@ -6443,6 +6998,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/uncrypto": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz",
+      "integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "license": "MIT"
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -6500,12 +7067,33 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
       "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-url": {
+      "version": "14.2.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
+      "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "^5.1.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -6628,6 +7216,35 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/ws": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+      "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/xmlhttprequest-ssl": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-2.1.2.tgz",
+      "integrity": "sha512-TEU+nJVUUnA4CYJFLvK5X9AOeH4KvDvhIfm0vV1GaQRtchnG0hgK5p8hw/xjv8cunWYCsiPCSDzObPyhEwq3KQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/yallist": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
diff --git a/ddip/package.json b/package.json
similarity index 60%
rename from ddip/package.json
rename to package.json
index 4462b71..d25744a 100644
--- a/ddip/package.json
+++ b/package.json
@@ -9,15 +9,20 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "bcryptjs": "^3.0.2",
+    "cookie": "^1.0.2",
+    "iron-session": "^8.0.4",
+    "mongodb": "^6.16.0",
+    "mongoose": "^8.15.1",
+    "next": "15.3.2",
     "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.3.2"
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3",
     "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4",
     "eslint": "^9",
     "eslint-config-next": "15.3.2",
-    "@eslint/eslintrc": "^3"
+    "tailwindcss": "^4"
   }
 }
diff --git a/ddip/postcss.config.mjs b/postcss.config.mjs
similarity index 100%
rename from ddip/postcss.config.mjs
rename to postcss.config.mjs
diff --git a/public/DDIP.png b/public/DDIP.png
new file mode 100644
index 0000000..a73e837
Binary files /dev/null and b/public/DDIP.png differ
diff --git a/public/DDIP_yellow.png b/public/DDIP_yellow.png
new file mode 100644
index 0000000..6563c59
Binary files /dev/null and b/public/DDIP_yellow.png differ
diff --git a/public/background.png b/public/background.png
new file mode 100644
index 0000000..08b903d
Binary files /dev/null and b/public/background.png differ
diff --git a/public/categoryImg/deliver.png b/public/categoryImg/deliver.png
new file mode 100644
index 0000000..83f0bbb
Binary files /dev/null and b/public/categoryImg/deliver.png differ
diff --git a/public/categoryImg/donate.png b/public/categoryImg/donate.png
new file mode 100644
index 0000000..3d45ab3
Binary files /dev/null and b/public/categoryImg/donate.png differ
diff --git a/public/categoryImg/ingredient.png b/public/categoryImg/ingredient.png
new file mode 100644
index 0000000..ba3490c
Binary files /dev/null and b/public/categoryImg/ingredient.png differ
diff --git a/public/categoryImg/instant.png b/public/categoryImg/instant.png
new file mode 100644
index 0000000..c07b2c6
Binary files /dev/null and b/public/categoryImg/instant.png differ
diff --git a/public/categoryImg/large.png b/public/categoryImg/large.png
new file mode 100644
index 0000000..18168cf
Binary files /dev/null and b/public/categoryImg/large.png differ
diff --git a/public/categoryImg/stuffs.png b/public/categoryImg/stuffs.png
new file mode 100644
index 0000000..33f5b5b
Binary files /dev/null and b/public/categoryImg/stuffs.png differ
diff --git a/public/chat.png b/public/chat.png
new file mode 100644
index 0000000..703228f
Binary files /dev/null and b/public/chat.png differ
diff --git a/ddip/public/file.svg b/public/file.svg
similarity index 100%
rename from ddip/public/file.svg
rename to public/file.svg
diff --git a/public/fonts/PretendardVariable.woff2 b/public/fonts/PretendardVariable.woff2
new file mode 100644
index 0000000..49c54b5
Binary files /dev/null and b/public/fonts/PretendardVariable.woff2 differ
diff --git a/ddip/public/globe.svg b/public/globe.svg
similarity index 100%
rename from ddip/public/globe.svg
rename to public/globe.svg
diff --git a/ddip/public/next.svg b/public/next.svg
similarity index 100%
rename from ddip/public/next.svg
rename to public/next.svg
diff --git a/public/search.png b/public/search.png
new file mode 100644
index 0000000..34d6d76
Binary files /dev/null and b/public/search.png differ
diff --git a/ddip/public/testimage.png b/public/testimage.png
similarity index 100%
rename from ddip/public/testimage.png
rename to public/testimage.png
diff --git a/ddip/public/textured-paper.png b/public/textured-paper.png
similarity index 100%
rename from ddip/public/textured-paper.png
rename to public/textured-paper.png
diff --git a/ddip/public/vercel.svg b/public/vercel.svg
similarity index 100%
rename from ddip/public/vercel.svg
rename to public/vercel.svg
diff --git a/ddip/public/window.svg b/public/window.svg
similarity index 100%
rename from ddip/public/window.svg
rename to public/window.svg
diff --git a/public/write.png b/public/write.png
new file mode 100644
index 0000000..379a59d
Binary files /dev/null and b/public/write.png differ
diff --git a/src/app/api/auth/check/route.js b/src/app/api/auth/check/route.js
new file mode 100644
index 0000000..50ff8f8
--- /dev/null
+++ b/src/app/api/auth/check/route.js
@@ -0,0 +1,15 @@
+// app/api/auth/check/route.js
+import { NextResponse } from 'next/server'
+import { decrypt } from '../../../../lib/session'
+
+export async function GET(request) {
+    try {
+        const session = request.cookies.get('session').value
+        if (!session) return NextResponse.json({ user: null })
+
+        const user = await decrypt(session)
+        return NextResponse.json({ user })
+    } catch (error) {
+        return NextResponse.json({ user: null })
+    }
+}
diff --git a/src/app/api/auth/login/route.js b/src/app/api/auth/login/route.js
new file mode 100644
index 0000000..683e8b4
--- /dev/null
+++ b/src/app/api/auth/login/route.js
@@ -0,0 +1,63 @@
+import { NextResponse } from 'next/server';
+import dbConnect from '../../../../lib/dbConnect';
+import bcrypt from 'bcryptjs';
+import User from '../../../../models/User';
+import { encrypt } from '../../../../lib/session';
+
+export async function POST(request) {
+    try {
+        const { userid, userpw } = await request.json();
+
+        if (!userid || !userpw) {
+            return NextResponse.json(
+                { success: false, message: '아이디와 비밀번호를 모두 입력해주세요.' },
+                { status: 400 }
+            );
+        }
+
+        await dbConnect();
+
+        const user = await User.findOne({ userid });
+        if (!user) {
+            return NextResponse.json(
+                { success: false, message: '존재하지 않는 아이디입니다.' },
+                { status: 404 }
+            );
+        }
+
+        const isMatch = await bcrypt.compare(userpw, user.password);
+
+        if (!isMatch) {
+            return NextResponse.json(
+                { success: false, message: '비밀번호가 일치하지 않습니다.' },
+                { status: 401 }
+            );
+        }
+
+
+        const session = await encrypt({ nickname: user.nickname });
+
+        // 응답 객체 생성
+        const response = NextResponse.json(
+            { success: true, nickname: user.nickname },
+            { status: 200 }
+        );
+
+        // 쿠키 설정
+        response.cookies.set('session', session, {
+            httpOnly: true,
+            secure: process.env.NODE_ENV === 'production',
+            sameSite: 'lax',
+            path: '/',
+            maxAge: 60 * 60 * 24 * 7,
+        });
+
+        return response;
+    } catch (error) {
+        console.error(error);
+        return NextResponse.json(
+            { success: false, message: '서버 에러 발생' },
+            { status: 500 }
+        );
+    }
+}
diff --git a/src/app/api/auth/logout/route.js b/src/app/api/auth/logout/route.js
new file mode 100644
index 0000000..d6a037a
--- /dev/null
+++ b/src/app/api/auth/logout/route.js
@@ -0,0 +1,14 @@
+import { NextResponse } from 'next/server';
+
+export async function POST() {
+    // 세션 쿠키를 만료시켜서 삭제
+    const response = NextResponse.json({ success: true });
+    response.cookies.set('session', '', {
+        httpOnly: true,
+        secure: process.env.NODE_ENV === 'production',
+        sameSite: 'lax',
+        path: '/',
+        maxAge: 0, // 즉시 만료!
+    });
+    return response;
+}
diff --git a/src/app/api/auth/signup/route.js b/src/app/api/auth/signup/route.js
new file mode 100644
index 0000000..c3c410a
--- /dev/null
+++ b/src/app/api/auth/signup/route.js
@@ -0,0 +1,65 @@
+import { NextResponse } from 'next/server';
+import dbConnect from '../../../../lib/dbConnect';
+import bcrypt from 'bcryptjs';
+import User from '../../../../models/User';
+
+export async function POST(request) {
+    try {
+        await dbConnect(); // DB 연결
+
+        const data = await request.json();
+        const { userid, userpw, checkpw, username, nickname, phone, address, email } = data;
+
+        // 필수값 체크 (기존 코드와 동일)
+        if (!userid || !userpw || !checkpw || !username || !nickname || !phone || !address || !email) {
+            return NextResponse.json(
+                { success: false, message: '모든 빈칸을 채워주세요!' },
+                { status: 400 }
+            );
+        }
+        if (userpw !== checkpw) {
+            return NextResponse.json(
+                { success: false, message: '비밀번호를 다시 확인해주세요!' },
+                { status: 400 }
+            );
+        }
+
+        // 중복 체크 (Mongoose 메서드 사용)
+        const existingUser = await User.findOne({
+            $or: [{ userid }, { email }]
+        });
+
+        if (existingUser) {
+            return NextResponse.json(
+                { success: false, message: '이미 존재하는 아이디 또는 이메일입니다.' },
+                { status: 409 }
+            );
+        }
+
+        // 비밀번호 암호화
+        const hashedPw = await bcrypt.hash(userpw, 10);
+
+        // 데이터 삽입 (Mongoose 메서드 사용)
+        const newUser = await User.create({
+            userid,
+            password: hashedPw,
+            username,
+            nickname,
+            phone,
+            address,
+            email
+        });
+
+        return NextResponse.json(
+            { success: true, message: '회원가입이 완료되었습니다!' },
+            { status: 201 }
+        );
+
+    } catch (error) {
+        console.error('회원가입 에러:', error);
+        return NextResponse.json(
+            { success: false, message: '서버 에러: ' + error.message },
+            { status: 500 }
+        );
+    }
+}
diff --git a/src/app/api/chat/messages.js b/src/app/api/chat/messages.js
new file mode 100644
index 0000000..8008583
--- /dev/null
+++ b/src/app/api/chat/messages.js
@@ -0,0 +1,16 @@
+// pages/api/chat/messages.js
+import dbConnect from '../../../lib/dbConnect';
+import Message from '../../../models/Message';
+
+export default async function handler(req, res) {
+    const { roomId } = req.query;
+
+    try {
+        await dbConnect();
+        const messages = await Message.find({ roomId }).sort({ createdAt: 1 });
+        res.status(200).json(messages);
+    } catch (error) {
+        console.error('메시지 조회 실패:', error);
+        res.status(500).json({ error: '메시지 조회 실패' });
+    }
+}
diff --git a/src/app/api/chat/send-message.js b/src/app/api/chat/send-message.js
new file mode 100644
index 0000000..5e8b24b
--- /dev/null
+++ b/src/app/api/chat/send-message.js
@@ -0,0 +1,19 @@
+// pages/api/chat/send-messages.js
+import dbConnect from '../../../lib/dbConnect';
+import Message from '../../../models/Message';
+
+export default async function handler(req, res) {
+    if (req.method !== 'POST') {
+        return res.status(405).json({ error: 'Method not allowed' });
+    }
+
+    try {
+        await dbConnect();
+        const newMessage = new Message(req.body);
+        await newMessage.save();
+        res.status(201).json({ success: true });
+    } catch (error) {
+        console.error('메시지 저장 실패:', error);
+        res.status(500).json({ error: '메시지 저장 실패' });
+    }
+}
diff --git a/src/app/api/post/item/[id]/route.js b/src/app/api/post/item/[id]/route.js
new file mode 100644
index 0000000..729d4a7
--- /dev/null
+++ b/src/app/api/post/item/[id]/route.js
@@ -0,0 +1,30 @@
+import { NextResponse } from 'next/server';
+import dbConnect from '../../../../../lib/dbConnect';
+import Item from '../../../../../models/item';
+
+// params를 함수 두 번째 인자로 받는다!
+export async function GET(request, { params }) {
+    try {
+        await dbConnect();
+        const { id } = await params;
+        const item = await Item.findById(id);
+
+        if (!item) {
+            return NextResponse.json(
+                { success: false, message: '해당 상품을 찾을 수 없습니다.' },
+                { status: 404 }
+            );
+        }
+
+        // 단일 아이템 반환
+        return NextResponse.json(
+            { success: true, data: item },
+            { status: 200 }
+        );
+    } catch (error) {
+        return NextResponse.json(
+            { success: false, message: '서버 에러 발생' },
+            { status: 500 }
+        );
+    }
+}
diff --git a/src/app/api/post/item/route.js b/src/app/api/post/item/route.js
new file mode 100644
index 0000000..fbb4734
--- /dev/null
+++ b/src/app/api/post/item/route.js
@@ -0,0 +1,18 @@
+import { NextResponse } from 'next/server';
+import dbConnect from '../../../../lib/dbConnect';
+import Item from '../../../../models/item';
+
+export async function GET(request) {
+    try {
+        await dbConnect();
+        const items = await Item.find({});
+        console.log(items);
+        // 반드시 JSON 형태로 응답!
+        return NextResponse.json(items, { status: 200 });
+    } catch (error) {
+        return NextResponse.json(
+            { success: false, message: '서버 에러 발생' },
+            { status: 500 }
+        );
+    }
+}
diff --git a/src/app/api/post/write/route.js b/src/app/api/post/write/route.js
new file mode 100644
index 0000000..7d57d44
--- /dev/null
+++ b/src/app/api/post/write/route.js
@@ -0,0 +1,117 @@
+import dbConnect from '../../../../lib/dbConnect';
+import Item from '../../../../models/item';
+
+export async function POST(request) {
+    try {
+        await dbConnect();
+
+        const contentType = request.headers.get('content-type') || '';
+        let data;
+
+        if (contentType.includes('application/json')) {
+            data = await request.json();
+        } else if (contentType.includes('multipart/form-data')) {
+            const formData = await request.formData();
+            data = Object.fromEntries(formData.entries());
+
+            // 이미지 파일을 Base64 문자열로 변환
+            if (formData.has('image')) {
+                const file = formData.get('image');
+                if (file && typeof file.arrayBuffer === 'function') {
+                    const arrayBuffer = await file.arrayBuffer();
+                    const base64String = Buffer.from(arrayBuffer).toString('base64');
+                    // MIME 타입 추출
+                    const mimeType = file.type || 'image/png';
+                    // data:image/png;base64,xxxxxx 형태로 저장
+                    data.image = `data:${mimeType};base64,${base64String}`;
+                }
+            }
+        } else {
+            return new Response(
+                JSON.stringify({ success: false, message: '지원하지 않는 Content-Type' }),
+                { status: 400, headers: { "Content-Type": "application/json" } }
+            );
+        }
+
+        // 필수 필드 검증
+        const requiredFields = [
+            'title',
+            'description',
+            'writer',
+            'itemCategory',
+            'totalNumberOfRecruits',
+            'totalPrice',
+            'pricePerEachPerson',
+            'tradeType',
+        ];
+
+        const missingFields = requiredFields.filter(field => !data[field]);
+        if (missingFields.length > 0) {
+            return new Response(
+                JSON.stringify({
+                    success: false,
+                    message: `필수 입력값 누락: ${missingFields.join(', ')}`
+                }),
+                { status: 400, headers: { "Content-Type": "application/json" } }
+            );
+        }
+
+        // 숫자 필드 변환
+        const numberFields = [
+            'totalPrice',
+            'totalNumberOfRecruits',
+            'pricePerEachPerson',
+            'numberOfRecruitedPersonnel'
+        ];
+        numberFields.forEach(field => {
+            if (data[field]) data[field] = Number(data[field]);
+        });
+
+        // 이미지 Base64 문자열 처리 (크기 및 타입 체크)
+        if (data.image) {
+            // Base64 크기 계산 (실제 파일 크기와 다를 수 있음)
+            const base64Length = data.image.length;
+            const maxSize = 5 * 1024 * 1024; // 5MB
+            if (base64Length > maxSize) {
+                return new Response(
+                    JSON.stringify({
+                        success: false,
+                        message: '이미지 크기는 5MB를 초과할 수 없습니다.'
+                    }),
+                    { status: 400, headers: { "Content-Type": "application/json" } }
+                );
+            }
+
+            // MIME 타입 유효성 검사
+            const validMimeTypes = ['image/jpeg', 'image/png', 'image/gif'];
+            if (data.image.startsWith('data:image')) {
+                const mimeType = data.image.split(';')[0].split(':')[1];
+                if (!validMimeTypes.includes(mimeType)) {
+                    return new Response(
+                        JSON.stringify({
+                            success: false,
+                            message: 'JPEG, PNG, GIF 형식만 지원합니다.'
+                        }),
+                        { status: 400, headers: { "Content-Type": "application/json" } }
+                    );
+                }
+            }
+        }
+
+        const newItem = await Item.create(data);
+        return new Response(
+            JSON.stringify({ success: true, item: newItem }),
+            { status: 201, headers: { "Content-Type": "application/json" } }
+        );
+
+    } catch (error) {
+        console.error('서버 에러:', error);
+        return new Response(
+            JSON.stringify({
+                success: false,
+                message: error.message || '서버 처리 중 오류 발생'
+            }),
+            { status: 500, headers: { "Content-Type": "application/json" } }
+        );
+    }
+}
diff --git a/src/app/api/user/update/route.js b/src/app/api/user/update/route.js
new file mode 100644
index 0000000..9a4feab
--- /dev/null
+++ b/src/app/api/user/update/route.js
@@ -0,0 +1,59 @@
+// app/api/user/update/route.js
+import { NextResponse } from 'next/server'
+import { cookies } from 'next/headers'
+import { decrypt } from '../../../../lib/session' // 사용자님이 제공한 decrypt 함수 임포트
+import User from '../../../../models/User' // 실제 사용자 모델 경로로 수정
+
+export async function POST(request) {
+    try {
+        // 1. 쿠키에서 암호화된 세션 추출
+        const cookieStore = cookies()
+        const encryptedSession = cookieStore.get('auth_session')?.value
+
+        // 2. 세션 복호화 (사용자님 코드 사용)
+        const session = await decrypt(encryptedSession)
+        if (!session?.user?.id) {
+            return NextResponse.json(
+                { success: false, message: '로그인이 필요해요!' },
+                { status: 401 }
+            )
+        }
+
+        // 3. 요청 데이터 파싱
+        const formData = await request.json()
+
+        // 4. 데이터베이스 업데이트
+        const updatedUser = await User.findByIdAndUpdate(
+            session.user.id,
+            { $set: formData },
+            { new: true }
+        )
+
+        // 5. 사용자 없음 처리
+        if (!updatedUser) {
+            return NextResponse.json(
+                { success: false, message: '사용자를 찾을 수 없어요!' },
+                { status: 404 }
+            )
+        }
+
+        // 6. 성공 응답
+        return NextResponse.json({
+            success: true,
+            user: {
+                nickname: updatedUser.nickname,
+                userid: updatedUser.userid,
+                description: updatedUser.description,
+                address: updatedUser.address,
+                image: updatedUser.image
+            }
+        })
+
+    } catch (error) {
+        console.error('업데이트 실패:', error)
+        return NextResponse.json(
+            { success: false, message: '서버 오류가 발생했어요!' },
+            { status: 500 }
+        )
+    }
+}
diff --git a/src/app/components/auth/agreement.js b/src/app/components/auth/agreement.js
new file mode 100644
index 0000000..ff24ce2
--- /dev/null
+++ b/src/app/components/auth/agreement.js
@@ -0,0 +1,45 @@
+// [id]/AgreementBox.jsx
+export default function AgreementBox({ agreed, onChange }) {
+    return (<div>
+        <h2 className="text-center text-[20px] font-semibold mb-2">개인정보 제공 동의</h2>
+        <div className="border border-[#D9D9D9] rounded-[10px] bg-white p-[15px] 
+        font-[Pretendard Variable] text-sm text-gray-800 mb-6 w-full max-w-[460px] mx-auto shadow">
+            <div className="space-y-2 leading-relaxed">
+                <p><strong>[개인정보 수집 및 이용 동의서]</strong><br />
+                회사는 개인정보 보호법 등 관련 법령에 따라 이용자의 개인정보를 보호하고,
+                적법하게 수집·이용하고자 아래와 같이 동의를 받고자 합니다.
+                </p>
+
+                <p><strong>1. 수집하는 개인정보 항목</strong><br />
+                필수 항목: 이름, 별명, 전화번호, 전화번호, 비밀번호<br />
+                선택 항목: 프로필 이미지, 이메일 주소</p>
+
+                <p><strong>2. 개인정보 수집·이용 목적</strong><br />
+                회원 가입 및 본인 확인<br />
+                서비스 제공 및 맞춤형 정보 제공<br />
+                고객 문의 응대 및 분석자료 정리</p>
+
+                <p><strong>3. 보유 및 이용 기간</strong><br />
+                수집일로부터 회원정보 수집 및 이용 목적 달성 시까지 보관<br />
+                단, 관련 법령에 따라 보존이 필요한 경우에는 해당 기간 동안 보존</p>
+
+                <p><strong>4. 동의 거부 권리 및 불이익</strong><br />
+                귀하는 개인정보 수집·이용에 동의하지 않을 수 있습니다.<br />
+                단, 필수 항목에 대한 동의를 거부할 경우 서비스 이용이 제한될 수 있습니다.</p>
+
+
+                <div className="flex items-center mt-[25px]">
+                <input 
+                    type="checkbox"
+                    id="agree"
+                    checked={agreed}
+                    onChange={(e) => onChange(e.target.checked)}
+                    className="mr-2"
+                />
+                <label htmlFor="agree" className="text-[13px]">위 내용을 충분히 이해하였으며, 개인정보 수집 및 이용에 동의합니다.</label>
+            </div>
+        </div>
+    </div>
+    </div>
+    );
+}
diff --git a/src/app/components/auth/input.js b/src/app/components/auth/input.js
new file mode 100644
index 0000000..0ccd48b
--- /dev/null
+++ b/src/app/components/auth/input.js
@@ -0,0 +1,22 @@
+export default function Input(
+    { label, type = "text", name, value, onChange, placeholder, className="", }) {
+    
+    return (
+        <div className={`flex flex-col items-center w-[460px] font-[Pretendard Variable] ${className}`}>
+            <label htmlFor={name} className="w-full text-center text-[20px] font-semibold leading-normal">
+                {label}
+            </label>
+            <input 
+                id={name}
+                name={name}
+                type={type}
+                value={value}
+                onChange={onChange}
+                placeholder={placeholder}
+                required
+                className="p-2 pl-4 w-full h-[50px] border border-[#D9D9D9] rounded-[10px] bg-white font-regular  
+                    placeholder:text-[16px] placeholder:font-light"
+            />
+        </div>
+    );
+}
diff --git a/src/app/components/auth/login-form.js b/src/app/components/auth/login-form.js
new file mode 100644
index 0000000..6432b3f
--- /dev/null
+++ b/src/app/components/auth/login-form.js
@@ -0,0 +1,102 @@
+'use client'
+
+import { useState } from 'react';
+import { validatePassword } from './validate';
+import Input from './input';
+import Image from "next/image";
+import { useRouter } from 'next/navigation';
+import LoginModal from "./login-success-modal";
+
+export default function LoginForm() {
+
+    const [form, setForm] = useState({
+        userid: '',
+        userpw: '',
+    });
+
+    const [error, setError] = useState('');
+
+    const [isLoginSuccess, setIsLoginSuccess] = useState(false);
+
+    const handleChange = (field) => (e) => {
+        setForm((prev) => ({ ...prev, [field]: e.target.value }));
+    };
+
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError('');
+        // 비밀번호 유효성 검사
+        if (!validatePassword(form.userpw)) {
+            return setError('비밀번호는 8자 이상 입력해주세요');
+        }
+        const closeModal = () => {
+                    setIsLoginSuccess(true);
+                };
+        try {
+            const response = await fetch('/api/auth/login', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(form),
+            });
+            const result = await response.json();
+
+            if (result.success) {
+                alert('아주 심각한 에러입니다!');
+                alert('아주 심각한 에러입니다!');
+                alert('아주 심각한 에러입니다!');
+                alert('아주 심각한 에러입니다!');
+                alert('아주 심각한 에러입니다!');
+                alert('사실 에러 아니지롱 데헷😋');
+                alert(result.nickname + '님 환영합니다')
+                closeModal();
+            } else {
+                setError(result.message || '로그인에 실패했습니다.');
+            }
+        } catch (err) {
+            setError('로그인 요청 중 오류가 발생했습니다.');
+        }
+    };
+
+
+
+    return (
+        <div className="flex flex-col w-full justify-center items-center" style={{paddingTop: '35px'}}>
+            <div className="absolute top-28">
+                <Image
+                    src="/DDIP.png"
+                    alt="logo"
+                    width={500}
+                    height={300}
+                />
+            </div>
+            <form onSubmit={handleSubmit} className="flex flex-col max-w-[460px] gap-[40px] mx-auto">
+                <Input
+                    label="아이디"
+                    name="userid"
+                    value={form.userid}
+                    onChange={handleChange('userid')}
+                    placeholder="아이디를 입력해주세요."
+                    className="mt-[25px]"
+                />
+                <Input
+                    label="비밀번호"
+                    name="userpw"
+                    type="password"
+                    value={form.userpw}
+                    onChange={handleChange('userpw')}
+                    placeholder="비밀번호를 입력해주세요. (8자 이상)"
+                />
+                {error && <p className="text-red-500 text-center">{error}</p>}
+                <button
+                    type="submit"
+                    className="w-[250px] h-[50px] mx-auto mt-[10px] mb-[20px] rounded-[30px]
+                    bg-[#FADD88] hover:bg-[#FFD24E] transition-colors duration-200
+                    font-[Pretendard Variable] text-[20px] font-semibold cursor-pointer block"                >
+                    로그인하기
+                </button>
+            </form>
+            {isLoginSuccess && <LoginModal message={'로그인 성공하셨어요!'} />}
+        </div>
+    );
+}
diff --git a/src/app/components/auth/login-success-modal.js b/src/app/components/auth/login-success-modal.js
new file mode 100644
index 0000000..1e283b8
--- /dev/null
+++ b/src/app/components/auth/login-success-modal.js
@@ -0,0 +1,20 @@
+import {useRouter} from "next/navigation";
+
+export default function LoginSuccessModal({message}) {
+
+    const router = useRouter();
+    const goHome = () => {
+        router.push('/');
+    }
+
+    return (
+        <div className="fixed inset-0 bg-black/50 flex justify-center items-center z-50">
+            <div className="bg-white rounded-3xl p-8 text-center w-90">
+                <p className="mb-4 m-2 font-semibold">{message}</p>
+                <div className="justify-center">
+                    <button onClick={goHome} className="bg-yellow-400 mt-4 mr-2 py-2 rounded-4xl text-white w-32 font-semibold">확인</button>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/components/auth/logout-button.js b/src/app/components/auth/logout-button.js
new file mode 100644
index 0000000..a117c23
--- /dev/null
+++ b/src/app/components/auth/logout-button.js
@@ -0,0 +1,23 @@
+// 클라이언트 컴포넌트
+'use client'
+import { useRouter } from 'next/navigation'
+
+export default function LogoutButton() {
+    const router = useRouter();
+    const handleLogout = async () => {
+        await fetch('/api/auth/logout', { method: 'POST' });
+        setTimeout(() => {
+            window.location.reload()
+            router.push('/')
+        }, 50);
+    };
+
+    return (
+        <button
+            className="hover:text-gray-600"
+            onClick={handleLogout}
+        >
+            로그아웃
+        </button>
+    );
+}
diff --git a/src/app/components/auth/signup-form.js b/src/app/components/auth/signup-form.js
new file mode 100644
index 0000000..a8af75c
--- /dev/null
+++ b/src/app/components/auth/signup-form.js
@@ -0,0 +1,161 @@
+'use client'
+
+import { useState } from 'react';
+import { validateEmail, validatePassword, validatePhoneNumber } from './validate';
+import Input from './input';
+import AgreementBox from './agreement';
+import Image from "next/image";
+import SignupModal from "./login-success-modal";
+
+export default function SignupForm({setStatus}) {
+    const [agreed, setAgreed] = useState(false);
+    const [form, setForm] = useState({
+        userid: '',
+        userpw: '',
+        checkpw: '',
+        nickname: '',
+        username: '',
+        phone: '',
+        address: '',
+        email: '',
+    });
+
+
+    const [error, setError] = useState('');
+    const [isSuccess, setIsSuccess] = useState(false);
+
+    const handleChange = (field) => (e) => {
+        setForm((prev) => ({ ...prev, [field]: e.target.value }));
+    };
+
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+
+        if (!agreed) {
+            alert("개인정보 수집 및 이용에 동의해주세요.");
+            return;
+        }
+
+        if (!validateEmail(form.email)) return setError('유효한 이메일을 입력해주세요');
+        if (!validatePassword(form.userpw)) return setError('비밀번호는 8자 이상 입력해주세요');
+        if (!validatePhoneNumber(form.phone)) return setError('유효한 전화번호를 입력해주세요');
+
+        setError('');
+
+        if (form.userpw !== form.checkpw) {
+            return setError("비밀번호가 일치하지 않습니다.");
+        }
+
+        const response = await fetch("/api/auth/signup", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(form),
+        });
+
+        const result = await response.json();
+
+    //     if (result.success) {
+    //         alert(result.message);
+    //         setStatus(true);
+    //         if (typeof setStatus === 'function') {
+    //             setStatus(true);
+    //         }
+    //         location.reload();
+    //
+    //     } else {
+    //         alert(result.message);
+    //     }
+    // };
+
+        if (result.success) {
+            setIsSuccess(true); // 모달 띄우기
+            if (typeof setStatus === 'function') {
+                setStatus(true);
+            }
+        } else {
+            alert(result.message);
+        }
+    };
+
+    const closeModal = () => {
+        setIsSuccess(false);
+    };
+
+    return (
+        <div className="flex flex-col max-w-[420px] justify-center items-center" style={{paddingTop: '42px'}}>
+            <div className="absolute top-32">
+                <Image
+                    src="/DDIP.png"
+                    alt="logo"
+                    width={360}
+                    height={300}
+                />
+            </div>
+            <form onSubmit={handleSubmit} className="flex flex-col max-w-[460px] gap-[40px]">
+                <Input
+                    label="아이디"
+                    name="userid"
+                    value={form.userid}
+                    onChange={handleChange('userid')}
+                    placeholder="아이디를 입력해주세요."
+                /><Input
+                label="별명"
+                name="nickname"
+                value={form.nickname}
+                onChange={handleChange('nickname')}
+                placeholder="별명을 입력해주세요. (최대 8자)"
+            /><Input
+                label="비밀번호"
+                name="userpw"
+                type="password"
+                value={form.userpw}
+                onChange={handleChange('userpw')}
+                placeholder="비밀번호를 입력해주세요. (8자 이상)"
+            /><Input
+                label="비밀번호 확인"
+                name="checkpw"
+                type="password"
+                value={form.checkpw}
+                onChange={handleChange('checkpw')}
+                placeholder="비밀번호를 입력해주세요. (8자 이상)"
+            /><Input
+                label="이름"
+                name="username"
+                value={form.username}
+                onChange={handleChange('username')}
+                placeholder="이름을 입력해주세요."
+            /><Input
+                label="전화번호"
+                name="phone"
+                value={form.phone}
+                onChange={handleChange('phone')}
+                placeholder="전화번호를 입력해주세요. ('-' 제외)"
+            /><Input
+                label="주소"
+                name="address"
+                value={form.address}
+                onChange={handleChange('address')}
+                placeholder="주소를 입력해주세요."
+            /><Input
+                label="이메일"
+                name="email"
+                value={form.email}
+                onChange={handleChange('email')}
+                placeholder="example@email.com"
+            />
+
+                <AgreementBox agreed={agreed} onChange={setAgreed}/>
+
+                {error && <p className="text-red-500 text-center">{error}</p>}
+
+                <button type="submit"
+                        className="w-[250px] h-[50px] mx-auto mb-[50px] rounded-[20px]
+        bg-[#FADD88] hover:bg-[#E4C878] transition-colors duration-200
+        font-[Pretendard Variable] text-[20px] font-semibold
+        cursor-pointer block">회원가입하기
+                </button>
+            </form>
+            {isSuccess && <SignupModal message={'회원가입에 성공하셨어요!'} />}
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/app/components/auth/signup-success-modal.js b/src/app/components/auth/signup-success-modal.js
new file mode 100644
index 0000000..d744b05
--- /dev/null
+++ b/src/app/components/auth/signup-success-modal.js
@@ -0,0 +1,20 @@
+import {useRouter} from "next/navigation";
+
+export default function SignupSuccessModal({message}) {
+
+    const router = useRouter();
+    const goHome = () => {
+        router.push('/login');
+    }
+
+    return (
+        <div className="fixed inset-0 bg-black/50 flex justify-center items-center z-50">
+            <div className="bg-white rounded-3xl p-8 text-center w-90">
+                <p className="mb-4 m-2 font-semibold">{message}</p>
+                <div className="justify-center">
+                    <button onClick={goHome} className="bg-yellow-400 mt-4 mr-2 py-2 rounded-4xl text-white w-32 font-semibold">확인</button>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/components/auth/validate.js b/src/app/components/auth/validate.js
new file mode 100644
index 0000000..6219846
--- /dev/null
+++ b/src/app/components/auth/validate.js
@@ -0,0 +1,11 @@
+export function validateEmail(email) {
+    return /\S+@\S+\.\S+/.test(email);
+}
+
+export function validatePassword(pw) {
+    return pw.length >= 8;
+}
+
+export function validatePhoneNumber(phone) {
+    return /^010-\d{4}-\d{4}$/.test(phone);
+}
\ No newline at end of file
diff --git a/src/app/components/category/category-form.js b/src/app/components/category/category-form.js
new file mode 100644
index 0000000..c9bb0ae
--- /dev/null
+++ b/src/app/components/category/category-form.js
@@ -0,0 +1,37 @@
+'use client';
+
+import Image from 'next/image'
+import category_lists from '@constants/simpleDB';
+import {useRouter} from "next/navigation";
+
+export default function Category({onSelect}) {
+    const router = useRouter();
+
+    const handleClick = (selected_index) => {
+        if (onSelect) onSelect(selected_index);
+        router.push('/feature/category')
+    };
+
+    return (
+        <section className="relative w-full flex flex-col items-center justify-center mb-30">
+            <h2 className="text-3xl font-bold mt-18">카테고리</h2>
+            <div className={"relative top-8 w-[1146px] h-56 grid grid-cols-6 gap-4 rounded-2xl"}>
+                {category_lists.map((item) => (
+                    <button key={item.key} onClick={() => handleClick(item.name)}
+                            className="relative w-[170px] h-[170px] p-4 flex flex-col justify-center text-center aspect-square group">
+                        <div className={"absolute w-full h-full"}>
+                            <Image src={`/categoryImg/${item.value}.png`}
+                                   fill
+                                   className=" w-full h-full bg-[#FFF5D8] group-hover:bg-[#FFC6B8] rounded-3xl p-4 object-contain select-transition mb-2 transition-colors duration-350"
+                                   alt="이미지"/>
+                        </div>
+                        <p className={"absolute w-full h-[20%] bottom-[-30%] z-50 p-2 bg-[#FFF5D8] group-hover:bg-[#FFC6B8] rounded-3xl " +
+                            "text-[19px] transition-colors duration-350 flex justify-center items-center text-center "}>
+                            {item.name || '이름 없음'}
+                        </p>
+                    </button>
+                ))}
+            </div>
+        </section>
+    )
+}
diff --git a/src/app/components/category/item-list.js b/src/app/components/category/item-list.js
new file mode 100644
index 0000000..39e4ad7
--- /dev/null
+++ b/src/app/components/category/item-list.js
@@ -0,0 +1,88 @@
+'use client';
+
+    import Image from 'next/image';
+import { useState, useEffect } from 'react';
+import {useRouter} from "next/navigation";
+import category_lists from '../../../constants/simpleDB';
+
+export default function ItemList({ category }) {
+    const [items, setItems] = useState([]);
+    const [filteredItems, setFilteredItems] = useState([]);
+    const router = useRouter();
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                const res = await fetch('/api/post/item');
+                if (!res.ok) throw new Error('API 호출 실패');
+                const data = await res.json();
+                setItems(data);
+            } catch (error) {
+                console.error('데이터 불러오기 실패:', error);
+            }
+        };
+        fetchData();
+    }, []);
+
+    const handleClick = (id) => {
+        router.push(`/feature/product/${id}`);
+    };
+    
+    useEffect(() => {
+        const filteredItem = category
+            ? items.filter(item => item.itemCategory === category)
+            : items;
+        setFilteredItems(filteredItem);
+    }, [category, items])
+
+    console.log(category);
+    function getValueByName(name) {
+        const found = category_lists.find(item => item.name.trim() === name.trim());
+        return found ? found.value : null;
+    }
+    const value = getValueByName(category);
+
+    if (!value) return null;
+    console.log(value);
+
+    return (
+        <section className="relative w-full flex justify-center text-center mb-100">
+            <div className="absolute w-[1146px] h-full grid grid-cols-4 rounded-[20px]">
+                {filteredItems.map((item) => (
+                    <button
+                        key={item._id}
+                        className="relative w-[240px] h-full rounded-2xl flex flex-col items-center
+                          hover:bg-[#E9E9E9]/10 select-transition "
+                        onClick={() => handleClick(item._id)}
+                    >
+                        <div className="relative w-[200px] h-[200px]">
+                            <Image
+                                src={
+                                    item.image && item.image.startsWith('data:image')
+                                        ? item.image
+                                        : `/categoryImg/${value}.png`
+                                }
+                                className="relative w-full h-[200px] object-contain rounded-[20px]"
+                                alt="이미지"
+                                width={200} height={200}
+                            />
+                            <span className="absolute bottom-[10px] right-[5px] bg-[#FEB162] text-[#000000] text-[12px] text-regular px-[10px] py-[2px] rounded-[10px] shadow-sm">
+                                1 / {item.totalNumberOfRecruits}
+                            </span>
+                        </div>
+                        <div className="mt-auto w-[200px] left-[20px] ml-[10px] text-left">
+                            {/* 이름 (한 줄 전체 차지) */}
+                            <p className="block text-[20px] font-regular mt-[15px]">{item.title}</p>
+
+                            {/* 나눈 가격 / '원' / 원래 가격 — 인라인 요소 */}
+                            <div className="flex items-baseline gap-[4px]">
+                                <span className="text-[#D42020] text-[30px] font-semibold">{item.pricePerEachPerson}</span>
+                                <span className="text-[#000000] text-[20px] font-regular ml-[2px]">원</span>
+                                <span className="text-[#888C85] line-through text-[16px] font-regular ml-[10px]">{item.totalPrice}원</span>
+                            </div>
+                        </div>
+                    </button>
+                ))}
+            </div>
+        </section>
+    );
+}
\ No newline at end of file
diff --git a/src/app/components/chat/chat-message.js b/src/app/components/chat/chat-message.js
new file mode 100644
index 0000000..1cf8a64
--- /dev/null
+++ b/src/app/components/chat/chat-message.js
@@ -0,0 +1,22 @@
+// components/ChatMessage.js
+import Image from "next/image";
+
+export default function ChatMessage({ name, lastUser, lastMessage, time, profileImg, onClick }) {
+    return (
+        <div onClick={onClick}
+             className="flex items-center px-4 py-3 hover:bg-gray-50 cursor-pointer">
+            {/* 프로필 이미지 */}
+            <div className="w-[40px] h-[40px] relative rounded-full overflow-hidden mr-3">
+                <Image src={profileImg || "/default-profile.png"} alt="profile" fill />
+            </div>
+            {/* 채팅 내용 */}
+            <div className="flex-1">
+                <div className="flex justify-between items-center">
+                    <p className="font-semibold text-[16px]">{name}</p>
+                    <span className="text-[10px] text-regular text-[#D0D0D0]">{time}</span>
+                </div>
+                <p className="text-[14px] text-left ml-[2px]  text-[#909090] truncate">{lastUser}: {lastMessage}</p>
+            </div>
+        </div>
+    );
+}
diff --git a/src/app/components/chat/chat.js b/src/app/components/chat/chat.js
new file mode 100644
index 0000000..7b90d42
--- /dev/null
+++ b/src/app/components/chat/chat.js
@@ -0,0 +1,99 @@
+// components/Chat.js
+'use client'
+
+import { useEffect, useState, useRef } from "react";
+
+export default function Chat({ onClose, name, roomId, userId, userNickname }) {
+    const [chatLog, setChatLog] = useState([
+        {
+            name: "트럼프",
+            text: "안녕하세요!",
+            time: "오후 2:00",
+            sender: "other"
+        },
+        {
+            name: "나",
+            text: "안녕하세요! 반가워요~",
+            time: "오후 2:01",
+            sender: "me"
+        }
+    ]);
+    const [message, setMessage] = useState("");
+    const messagesEndRef = useRef(null);
+
+    useEffect(() => {
+        messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, [chatLog]);
+
+    const sendMessage = () => {
+        if (!message.trim()) return;
+        const now = new Date();
+        setChatLog(prev => [
+            ...prev,
+            {
+                name: userNickname,
+                text: message,
+                time: now.toLocaleTimeString('ko-KR', { hour: '2-digit', minute: '2-digit' }),
+                sender: "me"
+            }
+        ]);
+        setMessage("");
+    };
+
+    return (
+        <div className="fixed bottom-[20px] right-[80px] w-[350px] h-[550px] bg-white rounded-[20px] border-[2px] border-[#FEB162] z-100 flex flex-col">
+            {/* 상단 헤더 */}
+            <div className="flex items-center h-[50px] px-[15px] border-b-[2px] border-[#FEB162] gap-[10px]">
+                <button
+                    onClick={onClose}
+                    className="w-[30px] h-[30px] mr-4 bg-[#FEB162] text-white rounded-full font-bold cursor-pointer"
+                >
+                    ←
+                </button>
+                <p className="text-[20px] font-semibold truncate">{name}</p>
+            </div>
+            {/* 채팅 메시지 영역 */}
+            <div className="flex-1 overflow-y-auto p-3 h-64 custom-scrollbar">
+                {chatLog.map((msg, idx) => (
+                    <div key={idx} className={`mb-[15px] flex ${msg.sender === "me" ? "justify-end" : "justify-start"}`}>
+                        <div className={`flex flex-col ${msg.sender === "me" ? "items-end" : "items-start"}`}>
+                            {msg.sender !== "me" && (
+                                <span className="text-[14px] font-semibold ml-[2px] text-black mb-1">
+                                    {msg.name}
+                                </span>
+                            )}
+                            <div className={`flex items-end ${msg.sender === "me" ? "flex-row-reverse" : "flex-row"} gap-1`}>
+                                <span className={`max-w-[250px] px-[10px] py-[8px] rounded-[12px] text-regular text-[14px] inline-block break-words
+                                    ${msg.sender === "me" ? "bg-[#FADD88]" : "bg-white border-[1px] border-[#D9D9D9]"}`}>
+                                    {msg.text}
+                                </span>
+                                <span className="text-[10px] text-[#D0D0D0] mb-[3px]">
+                                    {msg.time}
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                ))}
+                <div ref={messagesEndRef} />
+            </div>
+            {/* 메시지 입력 영역 */}
+            <div className="flex justify-center items-center w-[320px] h-[40px] mb-[10px] gap-2 p-[5px]
+                          rounded-[20px] border-[1px] border-[#D9D0D0] self-center">
+                <input
+                    type="text"
+                    value={message}
+                    onChange={(e) => setMessage(e.target.value)}
+                    onKeyDown={(e) => e.key === "Enter" && sendMessage()}
+                    className="flex-1 px-2 text-sm focus:outline-none"
+                    placeholder="메시지를 입력하세요."
+                />
+                <button
+                    onClick={sendMessage}
+                    className="w-[30px] h-[30px] relative rounded-full bg-[#FADD88] text-white font-bold cursor-pointer"
+                >
+                    →
+                </button>
+            </div>
+        </div>
+    );
+}
diff --git a/src/app/components/common/footer.js b/src/app/components/common/footer.js
new file mode 100644
index 0000000..6a201a2
--- /dev/null
+++ b/src/app/components/common/footer.js
@@ -0,0 +1,10 @@
+
+
+export default function Footer(){
+
+    return (
+        <div className="py-8 text-sm text-gray-600 text-center bg-[#FFFCED]">
+            © webprogramming_team3
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/app/components/common/nav.js b/src/app/components/common/nav.js
new file mode 100644
index 0000000..cbe99a6
--- /dev/null
+++ b/src/app/components/common/nav.js
@@ -0,0 +1,55 @@
+// app/auth/nav (클라이언트 컴포넌트)
+'use client'
+
+import Image from 'next/image'
+import Link from 'next/link'
+import { useEffect, useState } from 'react'
+import LogoutButton from "@components/auth/logout-button";
+
+export default function Nav() {
+    const [user, setUser] = useState(null)
+    const [moving, setMoved] = useState(false)
+
+    // 1. 로그인 정보 가져오기
+    useEffect(() => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => setUser(data.user))
+    }, [])
+
+    useEffect(() => {
+        const scrolled = () => setMoved(window.scrollY > 50)
+        window.addEventListener('scroll', scrolled)
+        return () => window.removeEventListener('scroll', scrolled)
+    }, [])
+
+    return (
+        <nav
+            className={`fixed top-0 left-0 right-0 z-50 bg-[#FFFCED] shadow-lg flex items-center justify-center hover:opacity-100
+        transition-all duration-300 ${moving ? 'h-12 opacity-0 hover:h-20' : 'h-16 opacity-100 hover:shadow-2xl'}`}
+        >
+            <Link href="/" className="absolute w-32 left-3 text-center text-green-500 rounded-2xl cursor-pointer">
+                <div className="w-32 h-9 left-3">
+                    <Image src="/DDIP_yellow.png" fill alt="Home" className="object-contain" />
+                </div>
+            </Link>
+
+            {user ? (
+                <><span className="absolute right-40 text-black">
+                    안녕하세요, {user.nickname}님
+                </span>
+                    <span className="absolute right-22 text-black">
+                    <LogoutButton />
+                </span>
+                </>
+
+            ) : (
+                <Link href="/feature/auth" className="absolute right-20 cursor-pointer text-black shadow-green-500">
+                    로그인 / 회원가입
+                </Link>
+            )}
+
+            <Link href="/feature/mypage" className="absolute w-10 h-10 right-5 bg-lime-300 rounded-full cursor-pointer"></Link>
+        </nav>
+    )
+}
diff --git a/src/app/components/post/post-big.js b/src/app/components/post/post-big.js
new file mode 100644
index 0000000..e408b47
--- /dev/null
+++ b/src/app/components/post/post-big.js
@@ -0,0 +1,124 @@
+'use client';
+
+import { useState } from 'react';
+import { useRef } from 'react';
+import ConfirmModal from '@components/post/post-confirm-modal';
+
+export default function WritingPage() {
+    const [showConfirm, setShowConfirm] = useState(false);
+
+    const handleSubmit = () => {
+        console.log('등록 처리 완료');
+        setShowConfirm(false);
+        onClose();
+    };
+
+    const fileInputRef = useRef(null);
+
+    const handleClick = () => {
+        fileInputRef.current?.click();
+    };
+
+    return (
+        <div className="fixed top-36 right-30 w-full h-[82%] max-w-5xl border border-[#D9D9D9] bg-[#FFFEF6] rounded-4xl z-100 p-8">
+            {/*<h2 className="text-2xl font-bold mb-6">상품 등록</h2>*/}
+            <form className="space-y-5">
+                {/* 이미지 업로드 */}
+                <div className="flex items-center">
+                    <label className="w-26 text-lg font-semibold text-[#4D4D4D] mb-30">상품이미지</label>
+                    <div
+                        onClick={handleClick}
+                        className="w-40 h-40 border border-[#D9D9D9] rounded-md bg-white flex flex-col items-center justify-center cursor-pointer"
+                    ><span className="text-4xl">📷</span>
+                        <span className="text-md text-gray-500 mt-1">이미지 등록</span></div>
+                    <input
+                        ref={fileInputRef}
+                        type="file"
+                        accept="image/*"
+                        className="hidden"
+                    />
+                </div>
+
+                {/* 제목 */}
+                <div className="flex items-center">
+                    <label className="w-29 text-lg font-semibold text-[#4D4D4D]">제목</label>
+                    <input type="text" placeholder="상품 이름을 작성하세요"
+                           className="w-full border border-[#E0E0E0] rounded-lg p-2"/>
+                </div>
+
+                {/* 금액 + 인원 */}
+                <div className="flex items-center gap-4">
+                    <div className="flex items-center w-1/2">
+                        <label className="w-33 text-lg font-semibold text-[#4D4D4D]">금액</label>
+                        <div className="flex items-center w-full">
+                            <input type="number" placeholder="상품 금액"
+                                   className="flex-1 border border-[#E0E0E0] rounded-lg p-2"/>
+                            <span className="ml-2 text-[#4D4D4D]">원</span>
+                        </div>
+                    </div>
+                    <div className="flex items-center w-1/2">
+                        <label className="w-30 text-lg font-semibold text-[#4D4D4D]">인원</label>
+                        <div className="flex items-center w-full">
+                            <input type="number" placeholder="모집 인원"
+                                   className="flex-1 border border-[#E0E0E0] rounded-lg p-2"/>
+                            <span className="ml-2 text-[#4D4D4D]">명</span>
+                        </div>
+                    </div>
+                </div>
+
+                {/* 카테고리 + 거래방식 */}
+                <div className="flex items-center gap-4">
+                    <div className="flex items-center w-1/2">
+                        <label className="w-33 text-lg font-semibold text-[#4D4D4D]">카테고리</label>
+                        <select className="w-full border border-[#E0E0E0] rounded-lg p-2">
+                            <option className="text-[#888888]">카테고리</option>
+                            <option>식재료</option>
+                            <option>간편식/냉동식품</option>
+                            <option>생활용품</option>
+                            <option>대용량</option>
+                            <option>배달음식</option>
+                            <option>나눔템</option>
+                        </select>
+                    </div>
+                    <div className="flex items-center w-1/2">
+                        <label className="w-30 text-lg font-semibold text-[#4D4D4D]">거래방식</label>
+                        <select className="w-full border border-[#E0E0E0] rounded-lg p-2">
+                            <option className="text-[#888888]">거래 방식</option>
+                            <option>직거래</option>
+                            <option>택배</option>
+                            <option>기타</option>
+                        </select>
+                    </div>
+                </div>
+
+                {/* 상세설명 */}
+                <div className="flex items-center">
+                    <label className="w-29 text-lg font-semibold text-[#4D4D4D] mb-60">상세설명</label>
+                    <textarea
+                        placeholder={'구매시기, 거래 장소, 상품 분배 기준, 하자 여부 등 상품 설명을 자세히 작성해주세요. \n전화번호, SNS 계정 등 개인정보는 입력이 제한될 수 있어요.'}
+                        className="w-full border border-[#E0E0E0] rounded-lg p-2 h-70 resize-none"
+                    ></textarea>
+                </div>
+
+                {/* 등록 버튼 */}
+                <button type="submit"
+                        className="w-[30%] h-12 right-8 bg-[#F5C24C] hover:bg-[#E5B33C] text-white text-lg font-bold py-2 rounded-xl absolute"
+                        onClick={(e) => {
+                            e.preventDefault();
+                            setShowConfirm(true)
+                            ;
+                        }}>
+                    등록하기
+                </button>
+            </form>
+
+            {/* 등록 확인 모달 */}
+            {showConfirm && (
+                <ConfirmModal
+                    onCancel={() => setShowConfirm(false)}
+                    onConfirm={handleSubmit}
+                />
+            )}
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/components/post/post-box.js b/src/app/components/post/post-box.js
new file mode 100644
index 0000000..fe1156d
--- /dev/null
+++ b/src/app/components/post/post-box.js
@@ -0,0 +1,299 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import ConfirmModal from './post-confirm-modal';
+import WritingPage from './post-big';
+
+export default function PostBox({ onClose }) {
+    const [showConfirm, setShowConfirm] = useState(false);
+    const [showFullPage, setShowFullPage] = useState(false);
+    const [error, setError] = useState('');
+    const [user, setUser] = useState(null);
+    const [preview, setPreview] = useState(null); // 이미지 미리보기 URL
+    const [form, setForm] = useState({
+        title: '',
+        description: '',
+        writer: '',
+        itemCategory: '',
+        tradeType: '',
+        totalNumberOfRecruits: 1,
+        numberOfRecruitedPersonnel: 0,
+        totalPrice: 1,
+        pricePerEachPerson: 1,
+        image: null,
+    });
+
+    useEffect(() => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => {
+                if (data.user) setUser(data.user);
+            })
+            .catch(error => console.error('유저 정보 불러오기 실패:', error));
+    }, []);
+
+    useEffect(() => {
+        if (form.totalPrice > 0 && form.totalNumberOfRecruits > 0) {
+            const calculatedPrice = form.totalPrice / form.totalNumberOfRecruits;
+            const roundedPrice = Math.round(calculatedPrice / 10) * 10;
+
+            setForm(prev => ({
+                ...prev,
+                pricePerEachPerson: roundedPrice
+            }));
+        }
+    }, [form.totalPrice, form.totalNumberOfRecruits]);
+
+    const handleChange = (e) => {
+        const { name, value, type } = e.target;
+        let newValue = type === 'number' ? Number(value) : value;
+
+        if (name === 'totalNumberOfRecruits' && newValue > 8) {
+            newValue = 8;
+        }
+
+        setForm((prev) => ({
+            ...prev,
+            [name]: newValue,
+        }));
+    };
+
+    const handleImageChange = (e) => {
+        const file = e.target.files[0];
+        if (file) {
+            setForm(prev => ({
+                ...prev,
+                image: file
+            }));
+            const reader = new FileReader();
+            reader.onloadend = () => {
+                setPreview(reader.result);
+            };
+            reader.readAsDataURL(file);
+        } else {
+            setForm(prev => ({ ...prev, image: null }));
+            setPreview(null);
+        }
+    };
+
+    const handleSubmit = async () => {
+        setShowConfirm(false);
+
+        try {
+            if (!user?.nickname) throw new Error('로그인 정보가 없습니다');
+            if (!form.itemCategory || !form.tradeType) {
+                throw new Error('카테고리와 거래방식을 선택해주세요');
+            }
+
+            const payload = {
+                ...form,
+                writer: user.nickname,
+            };
+
+            let body, headers;
+
+            if (form.image) {
+                body = new FormData();
+                Object.entries(payload).forEach(([key, value]) => {
+                    if (value !== null) {
+                        if (key === 'image') {
+                            body.append(key, value, value.name);
+                        } else {
+                            body.append(key, value.toString());
+                        }
+                    }
+                });
+                headers = undefined; // Let fetch set it automatically for FormData
+            } else {
+                body = JSON.stringify(payload);
+                headers = { 'Content-Type': 'application/json' };
+            }
+
+            const response = await fetch('/api/post/write', { method: 'POST', headers, body });
+
+            const contentType = response.headers.get('content-type') || '';
+            if (!contentType.includes('application/json')) {
+                const text = await response.text();
+                throw new Error(`서버 응답 오류: ${text.slice(0, 100)}`);
+            }
+
+            const result = await response.json();
+
+            if (result.success) {
+                alert('띱 올리기 완료!');
+                onClose();
+            } else {
+                setError(result.message || '서버 오류 발생');
+            }
+        } catch (err) {
+            setError(err.message);
+            console.error('등록 실패:', err);
+        }
+    };
+
+    const handleExpand = () => {
+        setShowFullPage(true);
+    };
+
+    if (showFullPage) return <WritingPage />;
+
+    return (
+        <div className="fixed top-0 left-0 w-full h-full z-100 flex justify-center items-center bg-black/50">
+            <div className="w-full max-w-3xl p-10 bg-[#FFFEF6] rounded-4xl shadow-lg z-50 relative">
+                <h2 className="text-2xl font-bold mb-6">상품 등록</h2>
+                <form className="space-y-5">
+                    {/* 이미지 업로드 */}
+                    <div className="flex items-center">
+                        <label className="w-26 text-md font-semibold text-[#4D4D4D]">상품이미지</label>
+                        <div className="min-w-50 min-h-10 border border-[#E0E0E0] rounded-lg p-2 cursor-pointer relative">
+                            <input
+                                type="file"
+                                className="w-full h-auto absolute top-0 left-0 opacity-0 cursor-pointer"
+                                name="image"
+                                accept="image/*"
+                                onChange={handleImageChange}
+                            />
+                            {preview && (
+                                <img
+                                    src={preview}
+                                    alt="첨부 이미지 미리보기"
+                                    className="w-40 h-40 object-contain mt-2 cursor-pointer"
+                                />
+                            )}
+                        </div>
+                        <a className="text-md font-semibold text-[#4D4D4D] opacity-60">
+                            {form.image ? (
+                                <span className="ml-2">{form.image.name}</span>
+                            ) : (
+                                "여기에 파일을 넣으세요."
+                            )}
+                        </a>
+                    </div>
+
+                    {/* 제목 */}
+                    <div className="flex items-center">
+                        <label className="w-26 text-md font-semibold text-[#4D4D4D]">제목</label>
+                        <input
+                            type="text"
+                            placeholder="상품 이름을 작성하세요"
+                            className="w-full border border-[#E0E0E0] rounded-lg p-2"
+                            name="title"
+                            value={form.title}
+                            onChange={handleChange}
+                        />
+                    </div>
+
+                    {/* 금액 + 인원 */}
+                    <div className="flex items-center gap-4">
+                        <div className="flex items-center w-1/2">
+                            <label className="w-22 text-md font-semibold text-[#4D4D4D]">금액</label>
+                            <div className="flex items-center">
+                                <input
+                                    type="number"
+                                    placeholder="상품 금액"
+                                    className="w-full border border-[#E0E0E0] rounded-lg p-2"
+                                    name="totalPrice"
+                                    value={form.totalPrice}
+                                    onChange={handleChange}
+                                />
+                                <span className="text-[#4D4D4D] ml-1">원</span>
+                            </div>
+                        </div>
+                        <div className="flex items-center w-1/2">
+                            <label className="w-22 text-md font-semibold text-[#4D4D4D]">인원</label>
+                            <div className="flex items-center">
+                                <input
+                                    type="number"
+                                    placeholder="모집 인원"
+                                    className="w-full border border-[#E0E0E0] rounded-lg p-2"
+                                    name="totalNumberOfRecruits"
+                                    value={form.totalNumberOfRecruits}
+                                    onChange={handleChange}
+                                />
+                                <span className="text-[#4D4D4D] ml-1">명</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* 카테고리 + 거래방식 */}
+                    <div className="flex items-center gap-4">
+                        <div className="flex items-center w-1/2">
+                            <label className="w-30 text-md font-semibold text-[#4D4D4D]">카테고리</label>
+                            <select
+                                className="w-full border border-[#E0E0E0] rounded-lg p-2"
+                                name="itemCategory"
+                                value={form.itemCategory}
+                                onChange={handleChange}
+                            >
+                                <option value="">카테고리</option>
+                                <option value="식재료">식재료</option>
+                                <option value="간편식/냉동식품">간편식/냉동식품</option>
+                                <option value="생활용품">생활용품</option>
+                                <option value="대용량">대용량</option>
+                                <option value="배달음식">배달음식</option>
+                                <option value="나눔템">나눔템</option>
+                            </select>
+                        </div>
+                        <div className="flex items-center w-1/2">
+                            <label className="w-30 text-md font-semibold text-[#4D4D4D]">거래방식</label>
+                            <select
+                                className="w-full border border-[#E0E0E0] rounded-lg p-2"
+                                name="tradeType"
+                                value={form.tradeType}
+                                onChange={handleChange}
+                            >
+                                <option value="">거래 방식</option>
+                                <option value="직거래">직거래</option>
+                                <option value="택배">택배</option>
+                                <option value="기타">기타</option>
+                            </select>
+                        </div>
+                    </div>
+
+                    {/* 상세설명 */}
+                    <div className="flex items-center">
+                        <label className="w-26 text-md font-semibold text-[#4D4D4D] mb-20">상세설명</label>
+                        <textarea
+                            placeholder={'구매시기, 거래 장소, 상품 분배 기준, 하자 여부 등 상품 설명을 자세히 작성해주세요.\n전화번호, SNS 계정 등 개인정보는 입력이 제한될 수 있어요.'}
+                            className="w-full border border-[#E0E0E0] rounded-lg p-2 h-32 resize-none"
+                            name="description"
+                            value={form.description}
+                            onChange={handleChange}
+                        />
+                    </div>
+
+                    {/* 등록 버튼 */}
+                    <button
+                        type="button"
+                        className="w-[50%] h-12 bg-[#F5C24C] hover:bg-[#E5B33C] text-white text-lg font-bold py-2 rounded-3xl
+                                    ml-43"
+                        onClick={() => setShowConfirm(true)}
+                    >
+                        등록하기
+                    </button>
+                </form>
+
+                {/* 에러 메시지 */}
+                {error && (
+                    <div className="text-red-500 mt-2">{error}</div>
+                )}
+
+                {/* 확인 모달 */}
+                {showConfirm && (
+                    <ConfirmModal
+                        onCancel={() => setShowConfirm(false)}
+                        onConfirm={handleSubmit}
+                    />
+                )}
+
+                <button onClick={handleExpand} className="absolute top-5 left-7 text-[#4D4D4D] hover:text-black text-2xl">
+                    ⇱
+                </button>
+
+                <button onClick={onClose} className="absolute top-5 right-7 text-[#4D4D4D] hover:text-black text-2xl">
+                    ✖
+                </button>
+            </div>
+        </div>
+    );
+}
diff --git a/src/app/components/post/post-confirm-modal.js b/src/app/components/post/post-confirm-modal.js
new file mode 100644
index 0000000..55dd875
--- /dev/null
+++ b/src/app/components/post/post-confirm-modal.js
@@ -0,0 +1,13 @@
+export default function ConfirmModal({ onConfirm, onCancel }) {
+    return (
+        <div className="fixed inset-0 bg-black/50 flex justify-center items-center z-50">
+            <div className="bg-white rounded-3xl p-8 text-center w-90">
+                <p className="mb-4 m-2 font-semibold">상품을 등록하시겠습니까?</p>
+                <div className="flex justify-between">
+                    <button onClick={onCancel} className="border border-yellow-400 border-[1.5px] mt-4 ml-2 py-2 rounded-4xl w-32 font-semibold">닫기</button>
+                    <button onClick={onConfirm} className="bg-yellow-400 mt-4 mr-2 py-2 rounded-4xl text-white w-32 font-semibold">등록하기</button>
+                </div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/components/product/category-sidebar.js b/src/app/components/product/category-sidebar.js
new file mode 100644
index 0000000..de1b017
--- /dev/null
+++ b/src/app/components/product/category-sidebar.js
@@ -0,0 +1,50 @@
+'use client';
+
+import React, { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+
+const categories = [
+    '식재료',
+    '간편식/냉동식품',
+    '생활용품',
+    '대용량',
+    '배달음식',
+    '나눔템',
+];
+
+export default function CategorySidebar({ category, onSelect }) {
+    const [selected, setSelected] = useState(category || null);
+    const router = useRouter();
+
+    useEffect(() => {
+        setSelected(category);
+    }, [category]);
+
+    const handleClick = (category) => {
+        setSelected(category);
+        if (onSelect) onSelect(category);
+
+        // 예: 선택한 카테고리에 따라 이동 (경로는 필요에 맞게 수정)
+        router.push(`/feature/category?selected=${encodeURIComponent(category)}`);
+    };
+
+    return (
+        <aside className="w-[180px] min-h-screen p-6 mt-[210px] text-left">
+            <h2 className="text-[22px] font-bold mb-6">카테고리</h2>
+            <ul className="space-y-[15px] text-[#838383] font-regular">
+                {categories.map((cat) => (
+                    <li
+                        key={cat}
+                        onClick={() => handleClick(cat)}
+                        className={`cursor-pointer hover:text-[#404040] font-medium transition-colors ${
+                            selected === cat ? 'font-medium text-[#404040]' : ''
+                        }`}
+                    >
+                        {cat}
+                    </li>
+                ))}
+            </ul>
+            <hr className="mt-10 border-gray-300" />
+        </aside>
+    );
+}
diff --git a/src/app/components/profile/info-sidebar.js b/src/app/components/profile/info-sidebar.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/profile/my-info-form.js b/src/app/components/profile/my-info-form.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/profile/my-sidebar.js b/src/app/components/profile/my-sidebar.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/profile/myproduct-managing-form.js b/src/app/components/profile/myproduct-managing-form.js
new file mode 100644
index 0000000..e69de29
diff --git a/ddip/src/app/favicon.ico b/src/app/favicon.ico
similarity index 100%
rename from ddip/src/app/favicon.ico
rename to src/app/favicon.ico
diff --git a/src/app/feature/auth/page.js b/src/app/feature/auth/page.js
new file mode 100644
index 0000000..1972475
--- /dev/null
+++ b/src/app/feature/auth/page.js
@@ -0,0 +1,40 @@
+'use client'
+
+import SignupForm from '@components/auth/signup-form';
+import LoginForm from "@components/auth/login-form";
+import { useState } from "react";
+import Nav from "@components/common/nav";
+
+
+export default function SignUp() {
+    const [status, setStatus] = useState(false);
+
+    return (
+        <div className={`relative w-full flex flex-col items-center bg-[#FFFCED]
+    ${status ? 'h-full mb-[1100px]' : 'h-200 mb-[0px]'}`}>
+            <Nav/>
+
+            <div className={`flex flex-col items-center w-[660px] mb-[110px]
+    rounded-[30px] opacity-70 bg-[#FFFEF6] shadow-[0px_0px_40px_0px_#D9D9D9]
+    ${status ? 'h-[1750px] mt-[290px]' : 'h-[470px] mt-[320px]'}`}>
+
+                {status
+                    ? <SignupForm setStatus={setStatus}/>
+                    : <LoginForm/>
+                }
+
+                {/*
+                비밀번호 찾기, 아이디 찾기 구현
+                이메일로 코드 보내고 인증 같은 절차 구현
+                */}
+
+                <button
+                    onClick={() => setStatus(!status)}
+                    className="mb-30 text-blue-500 underline"                >
+                    {status ? '로그인으로 돌아가기' : '회원가입'}
+                </button>
+            </div>
+        </div>
+    );
+}
+
diff --git a/src/app/feature/category/page.js b/src/app/feature/category/page.js
new file mode 100644
index 0000000..00938fb
--- /dev/null
+++ b/src/app/feature/category/page.js
@@ -0,0 +1,24 @@
+'use client'
+
+import ItemList from "@components/category/item-list";
+import {useState} from "react";
+import Category from "@components/category/category-form";
+import Nav from "@components/common/nav";
+
+
+export default function CategoryPage() {
+    const [selectedCategory, setSelectedCategory] = useState('식재료');
+
+    return(
+        <div className={'relative w-full h-full flex flex-col justify-center bg-[#FFFCED] text-center'}>
+            <Nav />
+            <div className="h-[100px]"/>
+            <div className="w-[1146px] mx-auto">
+                <Category onSelect={setSelectedCategory} />
+            </div>
+
+            <h1 className={"font-bold text-[28px]"}>{selectedCategory}</h1>
+            <ItemList category={selectedCategory} />
+        </div>
+    )
+}
diff --git a/src/app/feature/chat/page.js b/src/app/feature/chat/page.js
new file mode 100644
index 0000000..31e3293
--- /dev/null
+++ b/src/app/feature/chat/page.js
@@ -0,0 +1,77 @@
+// components/ChatList.js
+
+'use client'
+
+import { useState } from "react";
+import ChatMessage from "../../components/chat/chat-message";
+import Chat from "../../components/chat/chat";
+
+// 임의의 로그인 정보
+const user = {
+    id: "user123",
+    nickname: "갱수"
+};
+
+// 임의의 채팅방 데이터
+const chatData = [
+    {
+        chatId: "room1",
+        name: "갱수님의 띱",
+        lastUser: "홍길동",
+        message: "안녕하세요!",
+        time: "오후 2:00",
+        profileImg: "/profile1.png"
+    },
+    {
+        chatId: "room2",
+        name: "Next.js 개발자",
+        lastUser: "김철수",
+        message: "13버전에서 바뀐 점 공유해요!",
+        time: "오후 1:10",
+        profileImg: "/profile2.png"
+    }
+];
+
+export default function ChatList() {
+    const [selectedChat, setSelectedChat] = useState(null);
+
+    const handleCloseChat = () => {
+        setSelectedChat(null);
+    }
+
+    return (
+        <>
+            <div className="fixed bottom-[20px] right-[80px] w-[350px] h-[550px] bg-white
+                            rounded-[20px] border-[2px] border-[#FEB162] z-100 flex flex-col">
+                {/* 상단 */}
+                <div className="flex items-center h-[50px] px-[15px] border-b-[2px] border-[#FEB162] gap-[10px]">
+                    <p className="text-[20px] font-semibold truncate">메세지</p>
+                </div>
+                {/* 채팅 목록 */}
+                <div className="flex-1 overflow-y-auto">
+                    {chatData.map(chat => (
+                        <ChatMessage
+                            key={chat.chatId}
+                            name={chat.name}
+                            lastUser={chat.lastUser}
+                            lastMessage={chat.message}
+                            time={chat.time}
+                            profileImg={chat.profileImg}
+                            onClick={() => setSelectedChat(chat)}
+                        />
+                    ))}
+                </div>
+            </div>
+            {/* 선택된 채팅창 모달 띄우기 */}
+            {selectedChat && (
+                <Chat
+                    onClose={handleCloseChat}
+                    name={selectedChat.name}
+                    roomId={selectedChat.chatId}
+                    userId={user.id}
+                    userNickname={user.nickname}
+                />
+            )}
+        </>
+    );
+}
diff --git a/src/app/feature/home/page.js b/src/app/feature/home/page.js
new file mode 100644
index 0000000..51004ea
--- /dev/null
+++ b/src/app/feature/home/page.js
@@ -0,0 +1,28 @@
+import Image from "next/image";
+import Shortcut from "../shortcut/shortcut";
+
+
+export default function Main() {
+
+    return (
+        <div className={"flex flex-col w-full h-full bg-none justify-center text-center"}>
+            <Shortcut />
+            <div className="relative top-0 w-full h-[80vh] bg-[url(/background.png)] flex justify-center bg-cover">
+
+                <div className="absolute w-[32%] h-[30%] top-[42%]" >
+                    <Image fill src="/DDIP.png" className={"object-contain"}  alt="사진이미지"/>
+                </div>
+
+                <div className="absolute searchslot w-[60%] h-16 bottom-10 flex items-center pl-6 pr-4 gap-4">
+                    <Image src="/search.png" className={"object-contain"}  alt="검색 아이콘" width={24} height={24}/>
+                    <input type="text" placeholder = "제품명을 입력하세요" id="search" minLength="0" className="absolute w-[950px] h-full left-20 outline-0
+                        text-xl font-medium focus:outline-none focus:ring-0 focus:shadow-none"/>
+                    <button className={"absolute bg-[#FADD88] hover:bg-[#FFD24E] rounded-full w-60 h-[80%] right-2 font-semibold text-[#505050] text-lg select-transition tracking-widest"}>
+                        SEARCH</button>
+                </div>
+
+                <div className={"absolute bg-gray-30 w-[75%] h-8 bottom-8 rounded-2xl"}></div>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/app/feature/mypage/components/category-sidebar.js b/src/app/feature/mypage/components/category-sidebar.js
new file mode 100644
index 0000000..c604fb6
--- /dev/null
+++ b/src/app/feature/mypage/components/category-sidebar.js
@@ -0,0 +1,59 @@
+'use client';
+
+
+import React, { useState } from 'react';
+
+const QuestionCategories = [
+    '문의 사항'
+];
+
+const NoticeCategories = [
+    '공지사항',
+    '자주 묻는 질문',
+    '띱 소개',
+    '고객센터',
+];
+
+export default function CategorySidebar({ onSelect }) {
+    const [selected, setSelected] = useState(null);
+
+    const handleClick = (category) => {
+        setSelected(category);
+        onSelect(category);
+    };
+
+    return (
+        <aside className="w-[180px] min-h-screen p-6 mt-[210px] text-left">
+            <h2 className="text-[22px] font-bold mb-[15px]">문의</h2>
+            <ul className="space-y-[15px] text-[#838383] font-regular">
+                {QuestionCategories.map((question) => (
+                    <li
+                        key={question}
+                        onClick={() => handleClick(question)}
+                        className={`cursor-pointer hover:text-[#404040] font-medium ${
+                            selected === question ? 'font-bold text-[#404040]' : ''
+                        }`}
+                    >
+                        {question}
+                    </li>
+                ))}
+            </ul>
+
+            <h2 className="text-[22px] font-bold mt-[40px] mb-[15px]">공지</h2>
+            <ul className="space-y-[15px] text-[#838383] font-regular">
+                {NoticeCategories.map((notice) => (
+                    <li
+                        key={notice}
+                        onClick={() => handleClick(notice)}
+                        className={`cursor-pointer hover:text-[#404040] font-medium ${
+                            selected === notice ? 'font-bold text-[#404040]' : ''
+                        }`}
+                    >
+                        {notice}
+                    </li>
+                ))}
+            </ul>
+            <hr className="mt-10 border-gray-300" />
+        </aside>
+    );
+}
\ No newline at end of file
diff --git a/src/app/feature/mypage/components/manage.js b/src/app/feature/mypage/components/manage.js
new file mode 100644
index 0000000..dda5421
--- /dev/null
+++ b/src/app/feature/mypage/components/manage.js
@@ -0,0 +1,111 @@
+'use client';
+
+import { useState } from "react";
+
+export default function ProductManage() {
+    const tabs = ['내 상품 관리', '거래 중', '거래 완료'];
+    const [selected, setSelected] = useState('내 상품 관리');
+
+    // 예시 데이터
+    const allProducts = [
+        { name: '제품 A', price: 2300 },
+        { name: '제품 B', price: 4500 },
+        { name: '제품 C', price: 12000 },
+        { name: '제품 D', price: 9900 },
+        { name: '제품 E', price: 7000 },
+        { name: '제품 F', price: 1800 },
+    ];
+
+    // 탭에 따라 상품 필터링
+    let filteredProducts = allProducts;
+    if (selected === '거래 중') {
+        filteredProducts = allProducts.slice(0, 4);
+    } else if (selected === '거래 완료') {
+        filteredProducts = allProducts.slice(2, 6);
+    }
+
+
+    return (
+        <div>
+            {/* 상품 탭 */}
+            <ul className="flex space-x-[40px] text-[#838383]">
+                {tabs.map((tab) => (
+                    <li
+                        key={tab}
+                        onClick={() => setSelected(tab)}
+                        className={`inline-block cursor-pointer hover:text-[#404040] font-medium 
+                            ${selected === tab ? 'mt-[-5px] font-semibold text-[20px] text-[#404040]' : 'mt-[0px] text-[16px] font-regular'}`}
+                    >
+                        {tab}
+                    </li>
+                ))}
+                <li className="ml-auto">
+                    <a href="none" className="text-right text-[15px] underline">상품 등록하기</a>
+                </li>
+            </ul>
+
+            {/* 상품 목록 */}
+            <ProductSlider products={filteredProducts} visibleCount={4} slideCount={2}/>
+        </div>
+    );
+}
+
+
+//카드 슬라이더
+function ProductSlider({ products, visibleCount = 4, slideCount = 2 }) {
+    const [start, setStart] = useState(0);
+
+    const maxStart = Math.max(0, products.length - visibleCount);
+
+    const handlePrev = () => setStart(prev => Math.max(0, prev - slideCount));
+    const handleNext = () => setStart(prev => {
+        // 마지막 이동 시 남은 상품이 slideCount 미만이어도 끝까지 보여주기
+        const next = prev + slideCount;
+        return next > maxStart ? maxStart : next;
+    });
+
+    // 마지막 슬라이드에서 더이상 이동 못하게 처리
+    const isNextDisabled = start >= maxStart || products.length <= visibleCount;
+    const isPrevDisabled = start === 0;
+
+    const slideWidth = 170;
+    const transitionStyle = {
+        display: 'flex',
+        transition: 'transform 0.4s cubic-bezier(0.4,0,0.2,1)',
+        transform: `translateX(-${start * slideWidth}px)`,
+        width: products.length * slideWidth
+    };
+
+    return (
+        <div style={{ display: 'flex', alignItems: 'center', marginTop: 24 }}>
+            <button onClick={handlePrev} disabled={isPrevDisabled} style={{ marginRight: 8 }}>{'<'}</button>
+            <div style={{ overflow: 'hidden', width: visibleCount * slideWidth }}>
+                <div style={transitionStyle}>
+                    {products.map((p, idx) => (
+                        <ProductCard key={idx} {...p} />  //여기를 기존 컴포넌트로 교체
+                    ))}
+                </div>
+            </div>
+            <button
+                onClick={handleNext}
+                disabled={isNextDisabled}
+                style={{ marginLeft: 8 }}
+            >{'>'}</button>
+        </div>
+    );
+}
+
+// 상품 카드 컴포넌트 (다~~~~~ 삭제)
+function ProductCard({ price, name }) {
+    return (
+        <div style={{
+            width: 150, height: 200, border: '1px solid #eee', margin: 8, borderRadius: 12, background: '#fff', display: 'inline-block'
+        }}>
+            <div style={{ height: 120, background: '#fafafa', borderRadius: 12 }} />
+            <div style={{ padding: '12px 8px' }}>
+                <div style={{ fontSize: 14, color: '#888' }}>{name}</div>
+                <div style={{ fontWeight: 'bold', color: '#d32f2f', marginTop: 4 }}>{price.toLocaleString()}원</div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/feature/mypage/components/mypage.js b/src/app/feature/mypage/components/mypage.js
new file mode 100644
index 0000000..b3b3674
--- /dev/null
+++ b/src/app/feature/mypage/components/mypage.js
@@ -0,0 +1,75 @@
+'use client';
+import Image from "next/image";
+import ProductManage from "./manage";
+import ProductWishList from "./wishlist";
+import ProfileEdit from "./profile-edit";
+import { useState, useEffect } from 'react';
+import Nav from "../../../components/common/nav";
+
+export default function MypageMain() {
+    const [selected, setSelected] = useState('내 상품 관리');
+    const [user, setUser] = useState('');
+    const [editMode, setEditMode] = useState(false);
+
+    useEffect(() => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => setUser(data.user))
+    }, [])
+
+    return (
+        <>
+        <Nav/>
+        <section className="w-[950px] mt-[190px] px-[20px] py-[40px]
+            border-[1px] border-[#D9D9D9] rounded-[30px]">
+            {/* 이용자 정보 */}
+            {editMode ? (
+                <ProfileEdit
+                    user={user}
+                    setUser={setUser}
+                    onCancel={() => setEditMode(false)}
+                />
+            ) : (
+                    <div className="flex gap-[30px] justify-center items-start">
+                        {/* 좌측: 사진, 정보 수정 */}
+                        <div className="relative w-[185px] h-[200px] rounded-[20px] flex-col items-center justify-start">
+                            <Image
+                                src={user.image}
+                                alt="상품 이미지"
+                                width={185}
+                                height={185}
+                                className="object-contain bg-[#FFF5DC] rounded-[20px]"
+                            />
+
+                            <button className="w-[185px] h-[22px] border-[1px] border-[#D9D9D9] rounded-[10px] mt-[10px]
+                                text-[13px] text-[#888C85] text-regular"
+                                    onClick={() => setEditMode(true)}>정보 수정하기</button>
+                        </div>
+
+                        {/* 우측: 상품 정보 */}
+                        <div className="flex flex-col gap-[2px] w-[520px] ml-[20px] mt-[20px] text-left">
+                            {/* 사용자 이름 */}
+                            <h2 className="text-[28px] font-semibold">{user.nickname}</h2>
+                            {/* 사용자 아이디 */}
+                            <p className='text-[14px] text-[#888C85] font-regular'>{user.userid}</p>
+                            {/* */}
+                            <p className='text-[16px] text-[#000000] font-regular mt-[10px]'>{user.description}</p>
+                            {/* */}
+                            <p className='text-[14px] text-[#888C85] font-regular mt-[10px]'>{user.address}</p>
+                        </div>
+                    </div>
+            )}
+
+            {/* 상품 설명 */}
+            {editMode ? null
+                : (
+                    <div className="mt-[150px] mx-[80px]">
+                        <ProductManage selected={selected} onChange={setSelected} />
+                        <ProductWishList />
+
+                    </div>
+                )}
+        </section>
+        </>
+    );
+}
\ No newline at end of file
diff --git a/src/app/feature/mypage/components/profile-edit.js b/src/app/feature/mypage/components/profile-edit.js
new file mode 100644
index 0000000..b3ec35b
--- /dev/null
+++ b/src/app/feature/mypage/components/profile-edit.js
@@ -0,0 +1,182 @@
+'use client'
+import { useState, useRef } from 'react';
+import Image from 'next/image';
+
+export default function ProfileEdit({ user, setUser, onCancel }) {
+    const fileInputRef = useRef(null); // 파일 input 참조
+
+    const [form, setForm] = useState({
+        nickname: user.nickname,
+        userid: user.userid,
+        description: user.description,
+        address: user.address,
+        image: user.image,
+    });
+
+    const handleChange = (e) => {
+        const { name, value } = e.target;
+        setForm({ ...form, [name]: value });
+    };
+
+    const handleImageChange = (e) => {
+        const file = e.target.files[0];
+        if (file) {
+            const imageUrl = URL.createObjectURL(file);
+            setForm({ ...form, image: imageUrl }); // image로 저장
+        }
+    };
+
+    const [formError, setFormError] = useState({
+        nickname: '',
+        userid: '',
+        description: '',
+        address: '',
+    });
+
+    const handleSave = async () => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => setUser(data.user))
+
+        const errors = {
+            nickname: form.nickname.trim() ? '' : '별명을 입력해주세요.',
+            userid: form.userid.trim() ? '' : '아이디를 입력해주세요.',
+            description: form.description.trim() ? '' : '한줄 소개를 입력해주세요.',
+            address: form.address.trim() ? '' : '주소를 입력해주세요.',
+        };
+
+        await fetch('/api/user/update', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(form),
+        })
+            .then(res => res.json())
+            .then(data => {
+                setUser(data.user); // MypageMain의 user 상태 갱신
+                onCancel();
+            });
+
+        setFormError(errors);
+
+        const hasError = Object.values(errors).some(error => error);
+        if (hasError) return;
+
+        setUser(form);
+        onCancel();
+    };
+
+
+    return (
+        <div className="flex gap-[30px] justify-center items-start">
+            {/*  왼쪽: 프로필 이미지 */}
+            <div className="relative w-[185px] h-[200px] rounded-[20px] flex-col items-center justify-start">
+                {form.image ? (
+                    <Image
+                        name="image"
+                        src={form.image}
+                        alt="변경할 사진"
+                        width={185}
+                        height={185}
+                        className="object-contain bg-[#FFF5DC] border-[#D9D9D9] border-[1px] rounded-[20px]"
+                    />
+                ) : (
+                    <div className="w-[185px] h-[185px] bg-gray-200 rounded-[20px] flex items-center justify-center text-gray-500 text-sm">
+                        이미지 없음
+                    </div>
+                )}
+
+                <button
+                    onClick={() => fileInputRef.current?.click()}
+                    className="w-[185px] h-[22px] border-[1px] border-[#D9D9D9] rounded-[10px] mt-[10px]
+                        text-[13px] text-[#888C85] text-regular"
+                >사진 변경하기
+                </button>
+                {/* 숨겨진 input */}
+                <input
+                    type="file"
+                    accept="image/*"
+                    ref={fileInputRef}
+                    onChange={handleImageChange}
+                    className="hidden"
+                />
+            </div>
+
+
+            {/* 오른쪽: 이용자 정보 입력란 */}
+            <div className="flex flex-col gap-[30px] w-[520px] ml-[20px] mt-[10px] text-left">
+                <InputField
+                    label="별명"
+                    name="nickname"
+                    value={form.nickname}
+                    onChange={handleChange}
+                    placeholder="별명을 입력하세요."
+                    error={formError.nickname}
+                />
+                <InputField
+                    label="아이디"
+                    name="userid"
+                    value={form.userid}
+                    onChange={handleChange}
+                    placeholder="아이디를 입력하세요."
+                    error={formError.userid}
+                />
+                <InputField
+                    label="한줄 소개"
+                    name="description"
+                    value={form.description}
+                    onChange={handleChange}
+                    placeholder="한줄 소개를 입력하세요."
+                    error={formError.description}
+                />
+                <InputField
+                    label="주소"
+                    name="address"
+                    value={form.address}
+                    onChange={handleChange}
+                    placeholder="주소를 입력하세요."
+                    error={formError.address}
+                />
+
+                {/* 버튼들 */}
+                <div className="flex justify-end gap-[10px] mt-[20px] font-medium text-[14px]">
+                    <button
+                        onClick={onCancel}
+                        className="border-[2px] border-[#FADD88] w-[230px] ml-[-10px] px-4 py-2 rounded-[10px]
+                            hover:bg-[#EDE8B8] hover:border-[#EDE8B8]
+                            active:scale-97 transition transform duration-150 ease-in-out"
+                    > 취소
+                    </button>
+                    <button
+                        onClick={handleSave}
+                        className="bg-[#FADD88] w-[230px] px-4 py-2 rounded-[10px]
+                        hover:bg-[#E4C878]
+                        active:scale-97 transition transform duration-150 ease-in-out"
+                    > 저장
+                    </button>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+function InputField({ label, name, value, onChange, placeholder, error }) {
+    return (
+        <div>
+            <label className="block text-[18px] text-[#000000] font-medium mb-1">
+                {label}
+            </label>
+            <input
+                name={name}
+                value={value}
+                onChange={onChange}
+                className="w-full mt-[5px] px-[15px] py-[7px] text-[14px] font-regular
+                        border-[1px] border-[#D9D9D9] rounded-[10px]
+                        focus:outline-none focus:border-[#888C85]"
+                placeholder={placeholder}
+            />
+            {error && (
+                <p className="text-[#D42020] text-sm mt-[4px] ml-[8px]">* {error}</p>
+            )}
+        </div>
+    );
+}
diff --git a/src/app/feature/mypage/components/wishlist.js b/src/app/feature/mypage/components/wishlist.js
new file mode 100644
index 0000000..2fcc5c0
--- /dev/null
+++ b/src/app/feature/mypage/components/wishlist.js
@@ -0,0 +1,81 @@
+import { useState } from "react";
+
+export default function ProductWishList() {
+    //예시 코드
+    const allProducts = [
+        { name: '제품 A', price: 2300 },
+        { name: '제품 B', price: 4500 },
+        { name: '제품 C', price: 12000 },
+        { name: '제품 D', price: 9900 },
+        { name: '제품 E', price: 7000 },
+        { name: '제품 F', price: 1800 },
+    ];
+
+    return (
+        <div className="mt-[80px]">
+            <p className='font-semibold text-[20px] text-[#404040] text-left'>관심 상품</p>
+            <ProductSlider products={allProducts} visibleCount={4} slideCount={2}/>
+        </div>
+    );
+}
+
+
+//카드 슬라이더
+function ProductSlider({ products, visibleCount = 4, slideCount = 2 }) {
+    const [start, setStart] = useState(0);
+
+    const maxStart = Math.max(0, products.length - visibleCount);
+
+    const handlePrev = () => setStart(prev => Math.max(0, prev - slideCount));
+    const handleNext = () => setStart(prev => {
+        // 마지막 이동 시 남은 상품이 slideCount 미만이어도 끝까지 보여주기
+        const next = prev + slideCount;
+        return next > maxStart ? maxStart : next;
+    });
+
+    // 마지막 슬라이드에서 더이상 이동 못하게 처리
+    const isNextDisabled = start >= maxStart || products.length <= visibleCount;
+    const isPrevDisabled = start === 0;
+
+    const slideWidth = 170;
+    const transitionStyle = {
+        display: 'flex',
+        transition: 'transform 0.4s cubic-bezier(0.4,0,0.2,1)',
+        transform: `translateX(-${start * slideWidth}px)`,
+        width: products.length * slideWidth
+    };
+
+    return (
+        <div style={{ display: 'flex', alignItems: 'center', marginTop: 24 }}>
+            <button onClick={handlePrev} disabled={isPrevDisabled} style={{ marginRight: 8 }}>{'<'}</button>
+            <div style={{ overflow: 'hidden', width: visibleCount * slideWidth }}>
+                <div style={transitionStyle}>
+                    {products.map((p, idx) => (
+                        <ProductCard key={idx} {...p} />  //여기를 기존 컴포넌트로 교체
+                    ))}
+                </div>
+            </div>
+            <button
+                onClick={handleNext}
+                disabled={isNextDisabled}
+                style={{ marginLeft: 8 }}
+            >{'>'}</button>
+        </div>
+    );
+}
+
+
+// 상품 카드 컴포넌트 (다~~~~~ 삭제)
+function ProductCard({ price, name }) {
+    return (
+        <div style={{
+            width: 150, height: 200, border: '1px solid #eee', margin: 8, borderRadius: 12, background: '#fff', display: 'inline-block'
+        }}>
+            <div style={{ height: 120, background: '#fafafa', borderRadius: 12 }} />
+            <div style={{ padding: '12px 8px' }}>
+                <div style={{ fontSize: 14, color: '#888' }}>{name}</div>
+                <div style={{ fontWeight: 'bold', color: '#d32f2f', marginTop: 4 }}>{price.toLocaleString()}원</div>
+            </div>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/feature/mypage/page.js b/src/app/feature/mypage/page.js
new file mode 100644
index 0000000..1a9a208
--- /dev/null
+++ b/src/app/feature/mypage/page.js
@@ -0,0 +1,18 @@
+'use client';
+
+import { useState } from "react";
+import MypageMain from "./components/mypage";
+import CategorySidebar from "./components/category-sidebar";
+
+export default function Mypage() {
+    return (
+        <div className="flex justify-center">
+            <main className="flex w-[1146px] h-full">
+                <CategorySidebar/>
+                <div className="flex-1 ml-[30px]">
+                    <MypageMain />
+                </div>
+            </main>
+        </div>
+    )
+}
diff --git a/src/app/feature/product/[id]/page.js b/src/app/feature/product/[id]/page.js
new file mode 100644
index 0000000..8129519
--- /dev/null
+++ b/src/app/feature/product/[id]/page.js
@@ -0,0 +1,147 @@
+'use client'
+
+import { useState, useEffect } from 'react';
+import CategorySidebar from '@components/product/category-sidebar';
+import Image from "next/image";
+import {useParams, useRouter} from "next/navigation";
+import Nav from "@components/common/nav";
+
+
+export default function Product({ onSelect }) {
+    const { id } = useParams(); // URL에서 받기
+    const [item, setItem] = useState(null);
+    const [error, setError] = useState(null);
+    const [user, setUser] = useState(null);
+    const router = useRouter();
+    const [selectedCategory, setSelectedCategory] = useState('식재료');
+
+
+    const pleaseLogin = ()=>{
+        alert('로그인창으로 이동합니다')
+        router.push('/feature/auth');
+    }
+
+    useEffect(() => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => setUser(data.user))
+    }, [])
+
+
+    useEffect(() => {
+        const fetchItem = async () => {
+            try {
+                const response = await fetch(`/api/post/item/${id}`);
+                const data = await response.json();
+
+                if (data.success) {
+                    setItem(data.data);
+                } else {
+                    setError(data.message);
+                }
+            } catch (err) {
+                setError('서버 에러가 발생했습니다.');
+            }
+        };
+
+        if (id) {
+            fetchItem();
+        }
+    }, [id]);
+
+    const getInChat = () => {
+        alert('채팅방 가입 성공!');
+
+    }
+
+    return (
+        <div className="flex justify-center">
+            <Nav />
+            <main className="flex w-[1146px] h-full">
+
+                <CategorySidebar onSelect={setSelectedCategory} />
+
+                <div className="flex-1 ml-[30px]">
+                    <section className="w-[950px] h-full mt-[190px] px-[20px] py-[40px]
+            border-[1px] border-[#D9D9D9] rounded-[30px]">
+                        <div className="flex gap-8 justify-center items-start">
+                            {/* 좌측: 이미지 박스 */}
+                            <div className="relative w-[320px] h-[320px] bg-[#FFF5DC] rounded-[20px] flex items-center justify-center">
+                                {item?.image && (
+                                    <div className="relative w-full h-full">
+                                        <Image
+                                            src={
+                                                typeof item.image === 'string'
+                                                    ? item.image
+                                                    : URL.createObjectURL(item.image)
+                                            }
+                                            alt="미리보기"
+                                            fill
+                                            className="object-contain p-4 rounded-[20px]"
+                                        />
+                                    </div>
+                                )}
+                            </div>
+
+
+                            {/* 우측: 상품 정보 */}
+                            <div className="flex flex-col gap-[2px] w-[420px] ml-[10px] mt-[20px] text-left">
+                                <h2 className="text-[24px] font-medium"> {item ? (item.title):(id)} </h2>
+                                <span>
+                    <span className="text-[36px] font-semibold text-[#D42020] pr-[20px]">{item ? (item.pricePerEachPerson):("none")}</span>
+                    <span className="text-[#888C85] text-[18px] line-through">{item ? (item.totalPrice):("none")}{}</span>
+                </span>
+
+                                <hr className="my-4 border-t border-[#D9D9D9]" />
+
+                                <div className="space-y-[10px] mt-[px] text-medium text-gray-700">
+                                    <p>모집 인원 | {item ? (item.totalNumberOfRecruits):("none")} ({item ? (item.numberOfRecruitedPersonnel):("none")}/{item ? (item.totalNumberOfRecruits):("none")})</p>
+                                    <p>거래 방식 | {item ? (item.tradeType):("none")}</p>
+                                    <p>카테고리 | {item ? (item.itemCategory):("none")}</p>
+                                </div>
+
+                                {user ? (
+                                        <>
+                                            {/* 버튼들 */}
+                                            <div className="flex gap-[10px] mt-[20px] font-medium text-[14px] ">
+                                                <button className="bg-[#FADD88] w-[230px] px-4 py-2 rounded-[10px]
+                        hover:bg-[#E4C878] active:scale-97 transition transform duration-150 ease-in-out">
+                                                    참여하기</button>
+                                            </div>
+                                        </>
+                                    )
+                                    :
+                                    (
+                                        <>
+                                            {/* 버튼들 */}
+                                            <div className="flex gap-[10px] mt-[20px] font-medium text-[14px] ">
+                                                <button className="border-[2px] border-[#FADD88] w-[230px] ml-[-10px] px-4 py-2 rounded-[10px]
+                                        hover:bg-[#EDE8B8] hover:border-[#EDE8B8] active:scale-97 transition transform duration-150 ease-in-out"
+                                                        onClick={() => {pleaseLogin()}}
+                                                >
+                                                    톡 보내기</button>
+                                                <button className="bg-[#FADD88] w-[230px] px-4 py-2 rounded-[10px]
+                                        hover:bg-[#E4C878] active:scale-97 transition transform duration-150 ease-in-out"
+                                                        onClick={() => {pleaseLogin()}}
+                                                >
+                                                    참여하기</button>
+                                            </div>
+                                        </>
+                                    )}
+
+                            </div>
+                        </div>
+
+                        {/* 상품 설명 */}
+                        <div className="mt-[50px] mx-[80px] text-gray-500 text-left">
+                            <h3 className="mt-[20px] font-medium text-black ">상품 설명</h3>
+                            <p className="mt-[10px] font-regular text-[15px] text-[#7C7C7]">
+                                {item ? (item.description):("none")}
+                            </p>
+                        </div>
+                    </section>
+                </div>
+            </main>
+        </div>
+    )
+};
\ No newline at end of file
diff --git a/src/app/feature/profile/page.js b/src/app/feature/profile/page.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/feature/shortcut/shortcut.js b/src/app/feature/shortcut/shortcut.js
new file mode 100644
index 0000000..afbd8e8
--- /dev/null
+++ b/src/app/feature/shortcut/shortcut.js
@@ -0,0 +1,64 @@
+'use client'
+
+import Image from 'next/image';
+import PostBox from '@components/post/post-box';
+
+import {useEffect, useState} from "react";
+import ChatList from "../chat/page";
+
+export default function Shortcut({}) {
+    const [isCOpen, setIsCOpen] = useState(false);
+    const [isPOpen, setIsPOpen] = useState(false);
+
+    const [user, setUser] = useState(null);
+    useEffect(() => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => setUser(data.user))
+    }, [])
+
+    const toggleChat = () => setIsCOpen(!isCOpen);
+    const togglePost = () => setIsPOpen(!isPOpen);
+
+    return (
+        <>
+        {user ? (
+                <>
+                    <button
+                        className="fixed bottom-5 right-5 p-7 bg-[#FEB162] text-white rounded-full transition z-50
+                hover:bg-[#DE9142]"
+                        onClick={toggleChat}
+                    ><Image src="/chat.png" fill alt="chat" className="object-contain p-2"/>
+                    </button>
+                    {isCOpen && <ChatList onClose={toggleChat} />}
+
+                    <button
+                        className="fixed bottom-21 right-5 p-7 bg-[#FADD88] text-white rounded-full transition z-50
+                hover:bg-[#DABD78]"
+                        onClick={togglePost}
+                    >
+                        <Image src="/write.png" fill alt="write" className="object-contain p-2"/>
+                    </button>
+                    {isPOpen && <PostBox onClose={togglePost} />}
+                </>
+            ) : (
+                <>
+                    <button
+                        className="fixed bottom-5 right-5 p-7 bg-[#FEB162] text-white rounded-full transition z-50
+                hover:bg-[#DE9142]" onClick={() => alert('로그인을 해야 사용할 수 있는 기능입니다')}>
+                        <Image src="/chat.png" fill alt="chat" className="object-contain p-2"/>
+                    </button>
+
+                    <button
+                        className="fixed bottom-21 right-5 p-7 bg-[#FADD88] text-white rounded-full transition z-50
+                hover:bg-[#DABD78]"
+                    >
+                        <Image src="/write.png" fill alt="write" className="object-contain p-2" onClick={() => alert('로그인을 해야 사용할 수 있는 기능입니다')}/>
+                    </button>
+                </>
+            )
+        }
+    </>
+
+    )
+}
\ No newline at end of file
diff --git a/ddip/src/app/globals.css b/src/app/globals.css
similarity index 51%
rename from ddip/src/app/globals.css
rename to src/app/globals.css
index 94f37cb..5609118 100644
--- a/ddip/src/app/globals.css
+++ b/src/app/globals.css
@@ -1,14 +1,20 @@
 @import "tailwindcss";
 
-
+@font-face {
+  font-family: 'Pretendardvariable';
+  src: url('../../public/fonts/PretendardVariable.woff2') format('woff2');
+  font-style: normal;
+  font-display: swap;
+}
 
 body {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: 'Pretendardvariable', Arial, Helvetica, sans-serif;
 }
 
+
 .searchslot{
   @apply text-center rounded-full bg-[#FFFCED]
-  shadow-green-500 hover:shadow-xl
+  shadow-[#aaaa88] hover:shadow-lg
   transition-shadow duration-250 ease-out;
 }
 
@@ -19,3 +25,11 @@ body {
 .select-transition{
   @apply transition-all duration-100 ease-linear cursor-pointer ;
 }
+
+html,body {
+  height: 100%;
+}
+
+button {
+  cursor: pointer;
+}
diff --git a/ddip/src/app/layout.js b/src/app/layout.js
similarity index 51%
rename from ddip/src/app/layout.js
rename to src/app/layout.js
index 7bf337d..3811ee5 100644
--- a/ddip/src/app/layout.js
+++ b/src/app/layout.js
@@ -1,5 +1,7 @@
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
+import Footer from "@components/common/footer";
+import Shortcut from "./feature/shortcut/shortcut";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -19,11 +21,18 @@ export const metadata = {
 export default function RootLayout({ children }) {
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        {children}
-      </body>
+        <body className={`${geistSans.variable} ${geistMono.variable} antialiased bg-[#FFFCED] min-h-screen flex flex-col`}>
+          <main className="flex-grow">
+              {children}
+          </main>
+
+          <footer className="w-full">
+              <Footer/>
+          </footer>
+
+          <Shortcut />
+        </body>
     </html>
   );
 }
+
diff --git a/src/app/page.js b/src/app/page.js
new file mode 100644
index 0000000..f007cfc
--- /dev/null
+++ b/src/app/page.js
@@ -0,0 +1,25 @@
+'use client'
+
+import Category from '@components/category/category-form';
+import Main from './feature/home/page'
+import Nav from "@components/common/nav";
+import {useEffect, useState} from "react";
+import Shortcut from "./feature/shortcut/shortcut";
+
+export default function Home() {
+    const [selectedCategory, setSelectedCategory] = useState('ingredient');
+    const [user, setUser] = useState(null);
+    useEffect(() => {
+        fetch('/api/auth/check')
+            .then(res => res.json())
+            .then(data => setUser(data.user))
+    }, [])
+
+    return (
+        <div className={'relative w-full h-full flex flex-col justify-center bg-[#FFFCED] text-center'}>
+            <Nav />
+            <Main />
+            <Category onSelect={setSelectedCategory} />
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/app/util/chat.js b/src/app/util/chat.js
new file mode 100644
index 0000000..80a6f0c
--- /dev/null
+++ b/src/app/util/chat.js
@@ -0,0 +1,65 @@
+// pages/socket.js
+import { useEffect, useState } from 'react';
+import io from 'socket.io-client';
+
+let socket;
+
+const Chat = () => {
+    const [username, setUsername] = useState('');
+    const [message, setMessage] = useState('');
+    const [messages, setMessages] = useState([]);
+
+    useEffect(() => {
+        // 서버와 소켓 연결
+        socket = io({
+            path: '/api/socket_io',
+        });
+
+        socket.on('message', (data) => {
+            setMessages((prev) => [...prev, data]);
+        });
+
+        return () => {
+            socket.disconnect();
+        };
+    }, []);
+
+    const sendMessage = () => {
+        if (username && message) {
+            socket.emit('message', {
+                user: username,
+                text: message,
+                timestamp: new Date().toISOString(),
+            });
+            setMessage('');
+        }
+    };
+
+    return (
+        <div>
+            <h1>실시간 채팅</h1>
+            <div>
+                {messages.map((msg, idx) => (
+                    <div key={idx}>
+                        <strong>{msg.user}</strong> ({new Date(msg.timestamp).toLocaleTimeString()}): {msg.text}
+                    </div>
+                ))}
+            </div>
+            <input
+                type="text"
+                placeholder="사용자 이름"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+            />
+            <input
+                type="text"
+                placeholder="메시지"
+                value={message}
+                onChange={(e) => setMessage(e.target.value)}
+            />
+            <button onClick={sendMessage}>전송</button>
+        </div>
+    );
+};
+
+export default Chat;
diff --git a/src/app/util/socket.js b/src/app/util/socket.js
new file mode 100644
index 0000000..7a1818c
--- /dev/null
+++ b/src/app/util/socket.js
@@ -0,0 +1,25 @@
+// pages/api/socket.js
+import { Server as HTTPServer } from 'http';
+import { Server as SocketIOServer } from 'socket.io';
+
+export const config = {
+    api: {
+        bodyParser: false,
+    },
+};
+
+export default function handler(req, res) {
+    if (!res.socket.server.io) {
+        const io = new SocketIOServer(res.socket.server, {
+            path: '/api/socket_io',
+        });
+        res.socket.server.io = io;
+
+        io.on('connection', (socket) => {
+            socket.on('message', (msg) => {
+                io.emit('message', msg);
+            });
+        });
+    }
+    res.end();
+}
diff --git a/src/constants/simpleDB.js b/src/constants/simpleDB.js
new file mode 100644
index 0000000..2c23e50
--- /dev/null
+++ b/src/constants/simpleDB.js
@@ -0,0 +1,11 @@
+const category_lists=
+    [
+            {key:'0', value:'ingredient', name:'식재료'},
+            {key:'1', value:'instant', name:'간편식/냉동식품'},
+            {key:'2', value:'stuffs', name:'생활용품'},
+            {key:'3', value:'large', name:'대용량'},
+            {key:'4', value:'deliver', name:'배달음식'},
+            {key:'5', value:'donate', name:'나눔템'},
+    ];
+
+export default category_lists;
diff --git a/src/lib/dbConnect.js b/src/lib/dbConnect.js
new file mode 100644
index 0000000..2a47cf0
--- /dev/null
+++ b/src/lib/dbConnect.js
@@ -0,0 +1,35 @@
+import mongoose from 'mongoose';
+
+const MONGODB_URI = process.env.MONGODB_URI;
+
+if (!MONGODB_URI) {
+    throw new Error('MONGODB_URI 환경 변수를 설정해주세요.');
+}
+
+let cached = global.mongoose;
+
+if (!cached) {
+    cached = global.mongoose = { conn: null, promise: null };
+}
+
+async function dbConnect() {
+    if (cached.conn) return cached.conn;
+
+    if (!cached.promise) {
+        cached.promise = mongoose.connect(process.env.MONGODB_URI).then(mongoose => {
+            mongoose.models = {};
+            return mongoose;
+        });
+    }
+
+    try {
+        cached.conn = await cached.promise;
+    } catch (e) {
+        cached.promise = null;
+        throw e;
+    }
+
+    return cached.conn;
+}
+
+export default dbConnect;
\ No newline at end of file
diff --git a/src/lib/session.js b/src/lib/session.js
new file mode 100644
index 0000000..b0c539a
--- /dev/null
+++ b/src/lib/session.js
@@ -0,0 +1,29 @@
+const { sealData, unsealData } = require('iron-session');
+
+const sessionSecret = process.env.SESSION_SECRET;
+
+if (!sessionSecret) {
+    throw new Error('SESSION_SECRET 환경변수가 필요해요!');
+}
+
+// 세션 암호화
+async function encrypt(data) {
+    return await sealData(data, {
+        password: sessionSecret,
+        ttl: 60 * 60 * 24 * 7, // 7일
+    });
+}
+
+// 세션 복호화
+async function decrypt(session) {
+    try {
+        return await unsealData(session, {
+            password: sessionSecret,
+        });
+    } catch (err) {
+        console.error('세션 복호화 실패:', err);
+        return null;
+    }
+}
+
+module.exports = { encrypt, decrypt };
diff --git a/src/models/Message.js b/src/models/Message.js
new file mode 100644
index 0000000..9d0826a
--- /dev/null
+++ b/src/models/Message.js
@@ -0,0 +1,12 @@
+// models/Message.js
+import mongoose from 'mongoose';
+
+const MessageSchema = new mongoose.Schema({
+    roomId: String,
+    senderId: String,
+    senderName: String,
+    message: String,
+    createdAt: { type: Date, default: Date.now }
+});
+
+export default mongoose.models.Message || mongoose.model('Message', MessageSchema);
diff --git a/src/models/User.js b/src/models/User.js
new file mode 100644
index 0000000..bd0b0f6
--- /dev/null
+++ b/src/models/User.js
@@ -0,0 +1,18 @@
+import mongoose from 'mongoose';
+
+const userSchema = new mongoose.Schema({
+    userid: { type: String, required: true, unique: true },
+    password: { type: String, required: true },
+    nickname: { type: String, required: true },
+    username: { type: String, required: true },
+    phone: { type: String, required: true },
+    address: { type: String, required: true },
+    email: { type: String, required: true, unique: true },
+    createdAt: { type: Date, default: Date.now }
+});
+
+// 연결된 DB가
+const User = mongoose.models.user || mongoose.model('user', userSchema, 'account');
+
+export default User;
+
diff --git a/src/models/UserDiscription.js b/src/models/UserDiscription.js
new file mode 100644
index 0000000..6cb3067
--- /dev/null
+++ b/src/models/UserDiscription.js
@@ -0,0 +1,14 @@
+import mongoose from 'mongoose';
+
+const userDescriptionSchema = new mongoose.Schema({
+    
+    description: {type: String, required: true},
+    image: { type: String, required: true },
+    createdAt: { type: Date, default: Date.now }
+});
+
+// 연결된 DB가
+const User = mongoose.models.user || mongoose.model('UserDescription', userDiscriptionSchema);
+
+export default User;
+
diff --git a/src/models/item.js b/src/models/item.js
new file mode 100644
index 0000000..feea39a
--- /dev/null
+++ b/src/models/item.js
@@ -0,0 +1,20 @@
+import mongoose from 'mongoose';
+
+const itemSchema = new mongoose.Schema({
+    title: { type: String, required: true, unique: true },
+    description: { type: String, required: true },
+    writer: { type: String, required: true },
+    itemCategory: { type: String, required: true },
+    totalNumberOfRecruits: { type: Number, required: true },
+    numberOfRecruitedPersonnel: { type: Number, required: true },
+    totalPrice: { type: Number, required: true },
+    pricePerEachPerson: { type: Number, required: true },
+    tradeType: { type: String, required: true },
+    image: { type: String, required: true },
+    createdAt: { type: Date, default: Date.now }
+});
+
+
+const Item = mongoose.models.Item || mongoose.model('ddip', itemSchema,'item');
+
+export default Item;