yolantele / launch-app

react + vite + ts app

To run this app

run yarn and yarn dev to start the app run yarn test to test the app

.env values were moved to constants.ts for convenience of running the app

Features:

• Design system - AntD
• Module Bundler - Vite
• Testing - React Testing Library and Vitests
• Global State management - Global Hook
• Content Security Policy here
• Date parsing - Day.js
• Number parsing - Numeral.js

CX

• White-labeling - via AntD THEME provider
• Usage Tracking - Matomo
• Error Logger - RollBar

Task to be completed

We would like:

• home page to display a list of Cards with the /launches data retrieved from the spacex data API.
• Test the solution
• The api is https://api.spacexdata.com/v5/ docs here

Your solution should cover the following tasks:

• - Make API request(s) on page load

• - Display top 10 data items

• - Provide some test coverage for your project (samples available: view, component and hook testing)

• - The data that we would like you to display is:

• name

• date_utc

• The first core serial/name from cores

• id and type from payloads

• display the image from links.patch.small in links

• use success and failures to show the user the success/failure of launch and reason of failure