Giter VIP home page Giter VIP logo

newyorktimesapi's Introduction

codingTest_FE

실행 방법

npm install
npm run dev

폴더 구조

📦src
 ┣ 📂actions
 ┃ ┣ 📂hooks
 ┃ ┗ 📂modules
 ┣ 📂assets
 ┣ 📂constant
 ┣ 📂present
 ┃ ┣ 📂common
 ┃ ┣ 📂component
 ┃ ┣ 📂layout
 ┃ ┗ 📂pages
 ┣ 📂store
 ┣ 📂types
 ┣ 📜App.tsx

Task

Common

  • Header
  • HeaderCompo
  • Navbar
  • Article
  • ArticleLayout
  • Button
  • Toast

Filter

  • Filter
  • Modal
  • NationCompo
  • HeadlineInput
  • Datepicker
  • Filter_NoData

HomeScreen

  • Article Search api
  • Infinite Scroll
  • Loading
  • Apply Loading

ScrapScreen

  • Filter
  • Move to NoScrap
  • Scrap
  • Save LocalStorage

Error Handling

  • 401
  • 429
  • NoData
  • No Change in useData url
  • Article Scrap state
  • No Change on filter when change Page
  • Scrap Duplicated
  • Date Filter showing
  • Country Filter showing
  • Apply newest article list on Home
  • Apply new url to getData
  • Show article list after code refactored
  • Home Component occurs too many rendering
  • Page not changed when infinite scroll
  • Navbar changed when reload page
  • Not Apply snaps when unchecked on homepage
  • link added error
  • reset url when infinite scroll

newyorktimesapi's People

Contributors

c12h22o12 avatar

Watchers

avatar

newyorktimesapi's Issues

Filter

📚 Epic
Filter

🗂 Desc
Filter -> HomeScreen에서 원하는 필터 요소 적용할 수 있도록

🔍 Work

  • Modal
  • Filter
  • Nation Compo
  • Toast

ErrorHandling2

📚 Epic
ErrorHandling2

🗂 Desc
ErrorHandling2

🔍 Work

  • localstroage에 scraps가 없을 때 뜨는 오류
  • 처음 화면 들어갔을 때 Navbar 선택

ScrapScreen

📚 Epic
ScrapScreen 기능 구현

🗂 Desc
신문 스크랩 기능 구현

🔍 Work

  • 스크랩/스크랩 해제
  • 전역 변수에 스크랩 항목 저장
  • localstorage에 스크랩 항목 저장

전체 레이아웃 설정 및 기본 설정

📚 Epic
전체 레이아웃 설정 및 기본 설정

🗂 Desc
전체 레이아웃 설정
ts.config에서 발생하는 에러 : bundler
기본 css값 설정

🔍 Work

  • 전체 레이아웃 설정
  • ts.config에서 발생하는 에러 : bundler
  • 기본 css값 설정

API 연결

📚 Epic
API 연결

🗂 Desc
API 연결을 위한 공통 통신 모듈 제작 및 결과 확인

🔍 Work

  • 공통 통신 모듈 api.ts 제작
  • NewYork Times APIs Get Result 확인
  • Article
  • ArticleLayout

ScrapScreen Filter

📚 Epic
ScrapScreen Filter

🗂 Desc
스크린샷 화면 필터링

🔍 Work

  • Filtered by Header

HomeScreen

📚 Epic
HomeScreen

🗂 Desc
HomeScreen에 적용되는 모듈 제작

🔍 Work

  • infinite scroll
  • loading

Error Handling

📚 Epic
에러 핸들링

🗂 Desc
프로그램에서 발생하는 오류 확인 및 버그 수정

🔍 Work

  • 404 Page
  • No Change in useData url
  • No Change on filter when change Page
  • Scrap Duplicated

Common 요소 제작

📚 Epic
Common 요소 제작

🗂 Desc
두 페이지 이상에서 공통적으로 나타나는 요소 제작

🔍 Work

  • Header/HeaderCompo
  • Navbar
  • Button

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.