31 lines (31 loc) · 1.12 KB

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"