juno7803 / google_login

🍪 Cookie Parking : 쿠키파킹의 귀염탱, WEB

🏡 프로젝트 구조

📦 src
 ┣ 📂 assets
 ┃ ┣ 📂 img
 ┃ ┗ 📂 themes
 ┃ ┃ ┗ 📜 index.js
 ┣ 📂 pages
 ┃ ┣ 📂 Background
 ┃ ┃ ┣ 📜 index.html
 ┃ ┃ ┗ 📜 index.js
 ┃ ┣ 📂 Newtab
 ┃ ┃ ┣ 📜 index.html
 ┃ ┃ ┣ 📜 index.css
 ┃ ┃ ┣ 📜 index.js
 ┃ ┃ ┣ 📜 App.js
 ┃ ┃ ┗ 📜 Newtab.js
 ┃ ┗ 📂 Popup
 ┃ ┃ ┣ 📜 index.html
 ┃ ┃ ┣ 📜 App.js
 ┃ ┃ ┣ 📜 index.js
 ┃ ┃ ┣ 📜 Loading.js
 ┃ ┃ ┣ 📜 index.css
 ┃ ┃ ┣ 📜 AddDir.js
 ┃ ┃ ┣ 📜 Directory.js
 ┃ ┃ ┣ 📜 Finish.js
 ┃ ┃ ┣ 📜 Main.js
 ┃ ┃ ┣ 📜 Popup.js
 ┃ ┃ ┗ 📜 Login.js
 ┣ 📂 components
 ┃ ┣ 📜 Directory.js
 ┃ ┣ 📜 AllCookies.js
 ┃ ┣ 📜 CardHover.js
 ┃ ┣ 📜 Card.js
 ┃ ┣ 📜 DirCard.js
 ┃ ┣ 📜 Switch.js
 ┃ ┗ 📜 ToastMsg.js
 ┣ 📂 hooks
 ┃ ┗ 📜 useInput.js
 ┣ 📂 lib
 ┃ ┗ 📂 api
 ┃ ┃ ┣ 📜 cookieApi.js
 ┃ ┃ ┗ 📜 directoryApi.js
 ┣ 📂 states
 ┃ ┗ 📜 atom.js
 ┗ 📜 manifest.json

📚 기술 스택 및 라이브러리

React
JavaScript es6
axios
recoil
react-google-login
styled-components
material-ui
webpack

🥰 쿠키파킹의 웹둥이들

🙋🏻 이준호	🙋🏻‍♀️ 이정민	🙋🏻‍♀️ 이현진
웹 개발자	웹 개발자	웹 개발자
directory detail 페이지 구현(web) newtab extension 구현	프로젝트 세팅 (웹팩, 린트 등) 및 관리 랜딩 페이지 제작 리팩토링 및 전체적인 코드 리뷰	popup extension 구현 웹클리퍼 기능 구현 구글 로그인 연동

🙋🏻‍♀️ 안채린	🙋🏻‍♀️ 천주윤
웹 개발자	웹 개발자
상세 디렉토리 리스트 구현 프로젝트 세팅 선 구현	Card 컴포넌트 구현