🚀 NASA-img-searcher

NASA Open API 를 이용해 NASA에 저장된 이미지를
Center, Title, Year, Description 의 필터링을 통해 검색할 수 있는 SPA 웹 어플리케이션

✨ Period

2021.12.22 ~ 2021.12.27

✨ Technology used

• React (17.0.2)
• Bootstrap (5.1.3)

✨ Directory Description

• /src/App.js

   - Main Page 코드
   - axios 를 통해 request한 NASA Open API response를 통해 불러온 정보들을 렌더링한다.
  

• /src/components

  - Pagination, Picture 렌더링을 위해 분리해놓은 components 코드
  

✨ Development result

[Main Page]

---

[Search Bar]

필터를 통해 해당하는 API로 검색 요청

---

[Pagination]

검색 결과를 각 Page Per Pics로 나타내 총 Data를 Page로 구현

---

✨ How to process

• Running react-app

# intall
$ npm install
# start project
$ npm start

✨ Contact

-김기윤: [email protected]