team-Ollie · iOdiO89 · Jul 10, 2024 · Jul 10, 2024 · Jul 10, 2024 · Jul 10, 2024
diff --git a/README.md b/README.md
@@ -1 +1,75 @@
+<br />
+<div width="100%" align="center">
+<a href="https://team-ollie.github.io/WeCare-FE/main"><img src="https://github.com/team-Ollie/WeCare-FE/assets/52371699/a50357ab-a196-4b63-af5d-aa8f94119c6a" align="center" width="50%"></a>
+</div>
 
+# WeCare
+
+**노숙인 프로그램 참여 독려를 위한, 기관 프로그램 챌린지 서비스 WeCare**
+
+<br />
+
+# Tech Stack
+## Front-end
+<img src="https://img.shields.io/badge/nextjs-61DAFB?style=for-the-badge&logo=nextdotjs&logoColor=black"><img src="https://img.shields.io/badge/typescript-3178C6?style=for-the-badge&logo=typescript&logoColor=white"><img src="https://img.shields.io/badge/reactquery-FF4154?style=for-the-badge&logo=reactquery&logoColor=white"><img src="https://img.shields.io/badge/jotai-000000?style=for-the-badge&logo=jotai&logoColor=white"><img src="https://img.shields.io/badge/tailwindcss-06B6D4?style=for-the-badge&logo=tailwindcss&logoColor=white">
+
+
+## Cowork tools
+<img src="https://img.shields.io/badge/Notion-%23000000.svg?style=for-the-badge&logo=notion&logoColor=white"><img src="https://img.shields.io/badge/postman-FF6C37?style=for-the-badge&logo=postman&logoColor=white"><img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white"><img src="https://img.shields.io/badge/git-F05032?style=for-the-badge&logo=git&logoColor=white">
+
+
+
+<br/>
+
+# Directory
+
+```
+/src
+├─ apis
+│  ├─ client.ts
+│  │
+│  └─ hooks
+│
+├─ components
+│  ├─ auth
+│  ├─ calendar
+│  ├─ challenge
+│  ├─ home
+│  └─ mypage
+│  
+├─ pages
+│  ├─ challenge
+│  │  └─ index.ts
+│  │
+│  ├─ mypage
+│  │  └─ index.ts
+│  │
+│  ├─ _app.tsx
+│  ├─ 404.tsx
+│  └─ index.tsx
+│
+├─ public
+│  ├─ fonts
+│  ├─ lotties
+│  ├─ pngs
+│  └─ svgs
+│  
+├─ styles
+│ 
+└─ utils 
+
+```
+<br />
+
+# Member
+## Front-end
+
+| <img src="https://github.com/leejin-rho.png" width="130" height="130"> | <img src ="https://github.com/iOdiO89.png" width="130" height="130"> | 
+| :---------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------: |
+|         [노이진](https://github.com/leejin-rho)                             |      [정선아](https://github.com/iOdiO89)                  |
+
+## Back-end
+
+| <img src="https://github.com/JoongHyun-Kim.png" width="130" height="130"> | <img src ="https://github.com/Haeun-Y.png" width="130" height="130"> | 
+| :---------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------: |
+|                         [김중현](https://github.com/JoongHyun-Kim)                           |                          [윤하은](https://github.com/Haeun-Y)                            |
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -10,12 +10,32 @@ import { AppProps } from "next/app";
 import { DevTools } from "jotai-devtools";
 import "jotai-devtools/styles.css";
 import { Provider } from "jotai";
+import Head from "next/head";
 
 const queryClient = new QueryClient();
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
     <Provider>
+      <Head>
+        <meta property="og:title" content="WeCare" />
+        <meta property="og:type" content="website" />
+        <meta
+          property="og:url"
+          content="https://team-ollie.github.io/WeCare-FE/main"
+        />
+        <meta
+          property="og:description"
+          content="노숙인 프로그램 참여 독려를 위한, 기관 프로그램 챌린지 서비스 WeCare"
+        />
+        <meta property="og:image" content="/pngs/ogTag.png" />
+        <meta property="og:image:width" content="1200" />
+        <meta property="og:image:height" content="627" />
+        <meta property="og:locale" content="ko_KR" />
+        <meta property="og:site_name" content="위케어" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
       <QueryClientProvider client={queryClient}>
         <RootLayout>
           <Component {...pageProps} />

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/pngs/ogTag.png b/public/pngs/ogTag.png