Complete assignment from Outdoorsy:

• Assignment

Start the local development server with .env.development config.

yarn start

Creates a production build of the application inside the build directory and takes into effect the .env.production config.

yarn build

Run static analysis tool that checks TypeScript code for readability, maintainability and functionality errors:

yarn lint

Run TypeScript compiler and performs a type check:

yarn tsc

Run an opinionated code formatter in check mode:

yarn prettier:check

This will format the entire codebase according to the set rules:

yarn prettier:format

Run all unit tests:

yarn test

Run all unit test and in the end also generates a coverage report:

yarn test:coverage

List of all used libraries/packages in this stack:

• Create React App
• React 18
• TypeScript
• Redux Toolkit
• RTK Query
• JEST
• React Testing Library
• Prettier
• TS Lint
• Styled Components
• React Icons

Ideas about possible future improvements that could be implemented if a larger time budget were available. Of course, it would be based on the requirements of the final product.

• Server Side Rendering
• Better caching using localStorage or in-browser database
• Generated code documentation (e.g. JS docs)
• GIT pre-commit hooks
• Image optimization
• Splitting main logic parts to reusable packages (e.g. yarn workspaces, Nx)
• 90 - 100% unit test coverage
• Automation end-to-end testing (e.g. Cypress)
• Offline Mode Support
• PWA

The result of the code challenge can be tested live here:

• jakubjirous.github.io/outdoorsy-code-challenge