NASA PORTAL

January 2, 2023

Purpose of The Development

• Upon passing the React frontend pre-screening test on December 21, 2022, I was asked to build a React application using NASA API for Reside.

Requirements

• Apply a good UX design using React
• Fetch photos from the NASA API ('Mars Rover' endpoint)
• Limit number of photos being fetched at 25 per page by applying pagination or dynamic loading
• Build the filter OR search rover photos features:

  Filter Type

    • By camera name
    • By 'Earth Day' date (2020-09-22)
    • By 'Sol' date (2890)
  

• Add any warning or error messages
  • Possibly by adding messages for "No Results", "API fetch failed", etc

User Experience

• A user will be welcomed with SignUp / LogIn with Google • Once signed in a user will be directed to the main photo feed page • A user can filter or search by (a) camera name, (b) 'Earth Day' date, or (c) By 'Sol' date.s • A signed-in user will be able to save their favorite photos which can be viewed in their profile page (lowest priority at the moment. Build this feature if time allowed).

Structure of NASA PORTAL

Routes

• / (Main Feed page where a user can see every photos)

[Components]:

• FeedPost • * (not found page)

[Components]:

• datePicker
• SearchForm

Shared Components

• Navbar
• Layout
• SEO

Built With

• 
•