🚀 spaced-out-app

Space Cadets
Edward-Regalado
Marie Marcos
Matt Santorsola
Aloysious

Version: 3.5.0

• { Space Cadetz Trello Project Board }

Overview

D O M A I N . M O D E L

W I R E F R A M E S

Getting Started

1. clone repo
2. install package.json : npm init
3. Create a .env file at the root of your project.
4. Copy and paste the following lines of code into the file you just created:

REACT_APP_NASA_KEY=RWodRHYYmEykujDzXa6e4O8pOXsn4sXthuHVU3hg
REACT_APP_AUTH0_DOMAIN=aloysious.us.auth0.com
REACT_APP_AUTH0_CLIENT_ID=fBPJNSLDhFeU7MwRApLs1F64LKG2z3y3

5. install the following dependencies :

npm install i

5. npm start to run

Architecture

Languages : JavaScript | HTML | CSS | Markdown

Libraries : React / Bootstrap | Axios | NASA | Auth0 | dotenv | Font Awesome

Tools : Trello | Github | VS Code | Netlify | Heroku

Change Log

05-18-2021 6:53pm ✔️ Successfully Deployed from Netlify · v3 · main@449e332

05-16-2021 7:17pm ❌ Failed to Deploy from Netlify · v17 · main@474ecbe

05-15-2021 3:20pm ✔️ Successfully Deployed from Netlify · v3 · main@654e2fa

05-15-2021 11:03am ✔️ Successfully Deployed from Netlify · v2 · main@a001e46

05-15-2021 10:04am ✔️ Successfully Deployed from Netlify · v1 · main@HEAD

Resources

• react-bootstrap
• NASA API's
• Github - NASA apod-api
• { Megrim } - Google fonts
• { Roboto Mono } - Google fonts
• { Simple React.js User Login Authentication | Auth0 } Youtube tutorial on Auth0 wizardry.
• CSS Shadow Generator
• Auth0 docs
• card-columns-props - react-bootstrap
• React Bootstrap Flipping Cards
• React Website Tutorial - { Brian Design - Youtube }
• clippy - photo editing tool
• Font Awesome - vector icons and social logos
• Make a Stellar React + NASA API App - Youtube
• Responsive iframes - Imbedding Youtube

❤️ Credit and Collaborations 👥

• Props to { Brian Design - Youtuber } for the stellar resources!
• • Brian's react website resources
• Props to { TA Chris } for helping us with our Auth0 and Netlify .env variables.
• Props to { TA Joe } for assisting us with configuring our routes on Netlify.
• Netlify routing redirects docs
• • redirect-rules-for-all -specific to our situation

Without an explicit redirect, the Netlify bots assume you’re requesting a page separate from /index.html and since that page doesn't actually exist, it returns an error.

To enable clean URLs in your Netlify deployed SPAs, add the following rule to your _redirects file:

/* /index.html 200