Português 🇧🇷

SpaceX Launches

Coding assignment by Callix

Running the project

Install dependencies:

pnpm install

Run the NextJS dev server:

pnpm dev

Go to http://localhost:3000

Backend (API)

API routes are served by NextJS HTTP router based on handlers' file paths:

GET /api/launches/past

Fetches past SpaceX launches

GET /api/launches/upcoming

Fetches upcoming SpaceX launches

GET /api/launches/latest

Fetches latest SpaceX launch

GET /api/launches/next

Fetches next SpaceX launch

Frontend

It displays the past and upcoming launches from the API and has 2 variants controlled by Google Optimize A/B test experiment:

Variant A: Original

Just the simple display of launches lists.

Variant B: With Search Input

Besides having the same lists, it allows you to filter the launches by name or some term mentioned in the details text and I've also changed the page title to a slightly blueish color using the Google Optimize editor just to make sure it isn't the variant A.