Skip to content

Technical Assessment for Cyprus Codes: Building a React application that integrates with the NASA Image and Video Library API.

License

Notifications You must be signed in to change notification settings

Codexgrey/NASA-Search

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

LIVE AT:

PROJECT STRUCTURE

nasa-lookup-cc/
β”œβ”€β”€ public/
β”œβ”€β”€ src/
β”‚ β”œβ”€β”€ components/
β”‚ β”‚ β”œβ”€β”€ AssetDetail.css
β”‚ β”‚ β”œβ”€β”€ AssetDetail.js
β”‚ β”‚ β”œβ”€β”€ Paginate.css
β”‚ β”‚ β”œβ”€β”€ Paginate.js
β”‚ β”‚ β”œβ”€β”€ Search.css
β”‚ β”‚ β”œβ”€β”€ Search.js
β”‚ β”‚ β”œβ”€β”€ Spinner.css
β”‚ β”‚ β”œβ”€β”€ Spinner.js
β”‚ β”œβ”€β”€ App.js
β”‚ β”œβ”€β”€ index.js
β”œβ”€β”€ .env
β”œβ”€β”€ .gitignore
β”œβ”€β”€ package-lock.json
β”œβ”€β”€ package.json
β”œβ”€β”€ README.md

TO RUN

  • git clone repository
  • cd nasa-lookup-cc
  • npm install
  • npm start
  • View app in your local environment at - http://localhost:[port]/NASA-Search/nasa-lookup-cc/

CARD COLORS

  • Images : White
  • Audio, Video: Skyblue

ROADMAP: nasa-lookup-cc

  • create-react-app
  • figure out dependencies
  • install required dependencies e.g Axios, Router (react)...
  • setup API integration
  • setup gitignore for sensitive data
  • figure out components
  • configure components: Search.js, AssetDetail.js
  • setup routes/routing
  • style components
  • pagination: Paginate.js
  • localstorage for persistent data
  • spinner
  • test

TODOLIST:

  • completed!

ENJOY! πŸ₯‚

About

Technical Assessment for Cyprus Codes: Building a React application that integrates with the NASA Image and Video Library API.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published