SpaceX Programs (NextJS)

Developed by Ronald Patrick as part of Kudosware Coding Assignment

Features:

• Sort Programs According to Years
• Sort Programs According to Successfull Launch & Landing
• Responsive Design with Server Side Rendering

Stack Used:

• NextJS for features like Server Side Rendering
• Space X Api provided by Kudosware
• React's JSX and CSS for layout

Approach

• Creating a useState for data returned by API
• Using Javascript Filters to Update Usestate according to Applied filters
• UseEffect for Re-rendering when program UseState Changes
• Responsive Layout Using units like em and rem, Layout using flex and MediaQueries
• Hosted on Vercel Platform

ScreenShots

*Performace decreases due to high quality images from api can be optimized if converted to webp"