codnjs779 / modoo-work

🟡 장애인 일자리조회 페이지 🟡

💡 URL

https://modoo-work.vercel.app/

🎈Introduce

• 이 프로젝트는 React 상태 관리 라이브러리 Recoil을 연습하기 위한 목적으로 만들었습니다.
• API는 공공데이터를 활용하였습니다.

🔥 기술 스택 및 사용 라이브러리

• React
• Recoil
• Axios
• Styled-Components
• MUI

🗂️ Project Structure

📦src
 ┣ 📂apis
 ┣ 📂components
 ┃ ┣ 📂Header
 ┃ ┃ ┣ 📜Header.jsx
 ┃ ┃ ┗ 📜HeaderStyle.jsx
 ┃ ┣ 📂ItemList
 ┃ ┃ ┣ 📜ItemBox.jsx
 ┃ ┃ ┣ 📜ItemBoxStyle.jsx
 ┃ ┃ ┣ 📜ItemList.jsx
 ┃ ┃ ┗ 📜ItemStyle.jsx
 ┃ ┗ 📂PageSkin
 ┃ ┃ ┗ 📜PageSkin.jsx
 ┣ 📂default
 ┃ ┗ 📜theme.js
 ┣ 📂hooks
 ┃ ┗ 📜useScrollJobList.js
 ┣ 📂images
 ┃ ┣ 📜.DS_Store
 ┃ ┣ 📜banner.png
 ┃ ┗ 📜logo.png
 ┣ 📂recoil
 ┃ ┣ 📜atoms.js
 ┃ ┗ 📜selector.js
 ┣ 📂service
 ┃ ┣ 📂api
 ┃ ┃ ┗ 📜jobList.js
 ┃ ┗ 📜makeNewJobs.js
 ┣ 📜.DS_Store
 ┣ 📜App.css
 ┣ 📜App.js
 ┣ 📜App.test.js
 ┣ 📜index.css
 ┣ 📜index.js
 ┗ 📜mock.json

🛠️ Project Settings

📢 Install dependencies

npm install

📢 Start Dev Server

npm start

💻 Demo

🖥️ Desktop

📱Mobile