SpaceWalk

An educational web app for people to learn about our Solar System and see some cool stuff. Our project makes use of react-three-fiber to show 3D models of every planet. react-three-fiber converts three.js to react based components. You can see NASA's Astronomy Picture Of the Day & latest news about NASA.

Screenshots

Home Page

Admin Dashboard

Admin Favorites Page

Planet Details of Venus

Planet Details of Earth

APOD(Astronomy Picture Of Day)

News

Technology

Multi-page application built with modern React practices.

Front-End: HTML, CSS, React

Back-End: Node, Express, PostgreSQL

Dependencies

• React 17.0.1 or above
• React Router
• React Three Fiber
• Axios
• Node.js
• Express

Dev Dependencies

• Nodemon

Setup

Install dependencies with npm install.

Running Client Side Development Server

npm start

Running Backend Side Development Server

npm run dev

Running Database Seeds

npm run db:reset

Where to get API keys

• Earth Weather

https://api.openweathermap.org/data/2.5/weather?q=Toronto&units=metric&APPID=EARTH_KEY

• APOD(Astronomy Picture Of Day)

https://api.nasa.gov/planetary/apod?api_key=NASA_KEY

• Planet Details

https://api.le-systeme-solaire.net/rest/bodies/mars

• News Component

https://newsapi.org/v2/everything?domains=nasa.gov&language=en&sortBy=publishedAt&apiKey=NEWS_KEY

Project Management

We utilized SCRUM method in Trello board to keep track of all the tasks of every team member.

https://trello.com/b/kVpH5lXy/final-project-scrum