ayoola-moore / nh Goto Github PK

HN by Ayoola

This project was bootstrapped with Create React App ...

• Project requirement can be found here- https://docs.google.com/document/d/1AdKvtY_MlwL1WVLqYRbl_h7nQiTQIfwSNvZcjcLtUrY

• Project dependency include puppeteer, axios, and style-compoonent. Reference package.json for complete list.

System configuration used

node js v10.19.0 Does not support WSL because of chromium used

Build and Production

    npm install
    npm run build
    npx serve -g build

Development and Testing

    npm install
    npm run start
    npm run test

Project Structure (modularity design)

The architectural pattern used was adopted with scalability in mind and tries to adopt the domain driven design

• src/utils : Should contain shared assets designed to be used across the entire application eg. css reset, common functions etc.

• src/components Should contain react components designed to be reusable and shared across the application

• src/{featureName}

  • Each identifiable feature will contain its own directory eg. displayFeeds
  • The directory is aimed at following an easily adoptable and repeatable pattern based on functionalities. ( I will be happy to shade more light of the choice of architectural pattern adopted if need be)

• page: for routing based pages.

• Files and directories were all named using camelCased

App performance

To test performance; run and serve the build directory. Performance averaged about 93%

Test strategy The test requirement satisfy the feature requirement of offline capabilities, fetching and displaying feeds with infinity scroll. User

Final note Thank you for taking time to review this project. I will also be very happy to answer to any possible enquiries.