diff --git a/.github/screenshot.png b/.github/screenshot.png
new file mode 100644
index 0000000..7ec8a86
Binary files /dev/null and b/.github/screenshot.png differ
diff --git a/README.md b/README.md
index f57574a..83ce0af 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,41 @@
-# map3d
+<p align='center'>
+<h1 align='center'>🗺️ map3d</h1>
+<p align='center'>Generate a real world 3D map</p>
+</p>
 
-Generate a real world 3D map
+<p align='center'>
+<a href="https://map.fleet.im/">Visit Website</a> · <a href="https://github.com/cartesiancs/map3d/issues">Report Bugs</a>
+</p>
+
+![img](./.github/screenshot.png)
+
+## About The Project
+
+This is a 3D building mapping service implemented with [React-Three-Fiber](https://github.com/pmndrs/react-three-fiber). It allows exporting as a GLB file, and all features are free to use. Based on this project, various functionalities such as **digital twin**, **drone surveying**, and **GPS markers** can be implemented.
+
+The map files are based on OpenStreetMap data.
+
+> [!IMPORTANT]
+> 📢 <strong>This project cannot guarantee the accuracy of the data.</strong> Since it uses OpenStreetMap data, some height values may be missing or incorrectly recorded. To address this issue, an option will be added in the future to allow users to manually correct the data.
+
+## Roadmap
+
+- [x] Create 3D Buildings
+- [x] Create Roads
+- [x] Export GLB
+- [ ] Building Texture
+- [ ] Height Customization
+- [ ] Material
+- [ ] Heightmap
+
+## Demo
+
+https://github.com/user-attachments/assets/1b61c2f8-dcf9-40bb-9804-59f6a74594dc
+
+## Contributors
+
+Hyeong Jun Huh [(GitHub)](https://github.com/DipokalLab)
+
+## License
+
+MIT License
diff --git a/src/components/map/SelectMap.tsx b/src/components/map/SelectMap.tsx
index 0e58d4c..714ab38 100644
--- a/src/components/map/SelectMap.tsx
+++ b/src/components/map/SelectMap.tsx
@@ -37,6 +37,7 @@ function RectangleSelector({
   const map = useMapEvents({
     mousedown(e) {
       if (isDrag == false) {
+        console.log(e);
         setFirstPoint(e.latlng);
       }
     },
@@ -151,7 +152,7 @@ export function MapComponent({
       </div>
 
       <MapContainer
-        center={[36.48656, 127.29064]}
+        center={[40.8, -73.95]}
         zoom={13}
         style={{
           height: "70vh",
diff --git a/src/state/areaStore.ts b/src/state/areaStore.ts
index 587458b..f4c80b1 100644
--- a/src/state/areaStore.ts
+++ b/src/state/areaStore.ts
@@ -15,12 +15,12 @@ export const useAreaStore = create<AreaStore>((set) => ({
   areas: [],
   center: [
     {
-      lat: 36.48888914657037,
-      lng: 127.26794242858888,
+      lat: 40.8,
+      lng: -73.95,
     },
     {
-      lat: 36.48023136458878,
-      lng: 127.25330829620363,
+      lat: 40.83,
+      lng: -73.88,
     },
   ],
   appendAreas: (areas) => set(() => ({ areas: [...areas] })),
diff --git a/tsconfig.app.tsbuildinfo b/tsconfig.app.tsbuildinfo
deleted file mode 100644
index 6ef2e2b..0000000
--- a/tsconfig.app.tsbuildinfo
+++ /dev/null
@@ -1 +0,0 @@
-{"root":["./src/global.d.ts","./src/main.tsx","./src/vite-env.d.ts","./src/api/axios.ts","./src/components/fullscreenmodal.tsx","./src/components/button/bottombutton.tsx","./src/components/flex/column.tsx","./src/components/flex/row.tsx","./src/components/map/processing.tsx","./src/components/map/selectmap.tsx","./src/components/modal/modal.tsx","./src/components/nav/topnav.tsx","./src/components/text/description.tsx","./src/components/text/title.tsx","./src/state/areastore.ts","./src/state/carstore.ts","./src/state/exportstore.ts","./src/theme/color.ts","./src/three/car.tsx","./src/three/space.tsx","./src/ui/app.tsx","./src/utils/cookie.ts"],"version":"5.7.3"}
\ No newline at end of file
diff --git a/tsconfig.node.tsbuildinfo b/tsconfig.node.tsbuildinfo
deleted file mode 100644
index 0440098..0000000
--- a/tsconfig.node.tsbuildinfo
+++ /dev/null
@@ -1 +0,0 @@
-{"root":["./vite.config.ts"],"version":"5.7.3"}
\ No newline at end of file