larrysJournal.txt

Feb 10, 2020
I've been going through this tutorial: https://github.com/dabit3/aws-appsync-react-workshop#getting-started---creating-the-react-application
And I've been having a great easy time following through the tutorial. But then when I want to apply it towards my type of data I'm trying to build, it just doesn't click.

I'm thinking this is too much to grasp in such a short amount of time and without any expert mentors to help guide me. 
I'm going to abandon using AWS Amplify. 
https://create-react-app.dev/docs/updating-to-new-releases
I copied all contents from our repo and moved it into a separate folder because now I'm restarting the whole repo using the 

npx create-react-app .

Then ran ` npm install `

# Add storybook
npx -p @storybook/cli sb init

npm run storybook

npm install --save react-router-dom

npm install react-bootstrap --save

Then I started composing Multiple React.js components, using https://getbootstrap.com/docs/4.0/components/navbar/ for the navbars and footers.

Now, I want to start using React Router, so I'm going to install `npm install -S react-router`

Then we want to install html5 history : `npm install -S history@1`

then run `npm install`  

p.s. all these installations get added to the package.json under dependencies.

Going to continue watching these helpful tutorial videos tomorrow...:
https://www.youtube.com/watch?v=_D1JGNidMr4&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b&index=5

Feb 16, 2020
So what I did today was created routes from the home page to my Volleyball page.

Feb 17, 2020
I created routes to different components for Volleyball depending on the day of the week.
I then also created some objects of the gyms for Monday and included a Google links that users may click on to navigate to the directions.

Feb 22, 2020
Ok I am forgetting here and there to journal here. So I need to make it a goal to keep journaling when I start working on the project. 
Today, I have been researching and asking friends what I should use to build a database of Gyms, and gymevents. My friends recommended 
Postgres DB, Oracle DB. I have been researching on Oracle DB so that's what I am going to start creating today. 

I also added the sportFooter into my volleyball page. I wanted to get the days nav bar in volleyball below the header, but it's really confusing 
how we can efficiently all use the same nav bar, but when clicking on it, leads to our own ComponentDays...

Feb 23, 2020
https://www.postgresqltutorial.com/

Decided to use PostgresSQL as it's open-source and commonly used. I followed the tutorial link above.

https://www.youtube.com/watch?v=xaWlS9HtWYw

I watched that youtube video, installed Postico to test building a DB and table.

Feb 24, 2020
Met with teammates, decided that yes building a database would be nice but everything done statically and hardcoded works now. We will implement that down the road if we have time before the due date. 
I finished adding all the gyms for every day of the week for volleyball.

Now I'd like to work on adding the Google Calendar events on Monday, then to all of the days. 

TODO: I'd like to eventually setup CI/CD : https://medium.com/peerigon/how-to-continuously-deploy-a-cra-using-github-actions-and-zeit-f7bbd3b60da3

Google calendar API Key: 
AIzaSyCFWZePysOh72THT-SOCnplMtKYTFQ4vRs

Feb 27, 2020
Been very busy with other work and catching up on class slides. Need to fix an error with our homepage being blank unless we click on something from then
navbar. 

Feb 28, 2020
Fixed a bad merge which messed up the homepage due to gh-pages functionality...Need to figure out how to deploy to gh-pages successfully.

Feb 29, 2020
Merged Joseph's code and how he simplified our weekday components into 7 different day components into 1. Nice job.

Lot of work with fixing the css styling, which required using flex box instead of <br/> tags everywhere. 

Also, worked on removing the errors and some warnings on the console. 

Mar 1, 2020
Met with Daniel at Starbucks to merge code and work on getting his code up to date on tennis pages to match ours.

Mar 2, 2020
Added latitude and longitude in Volleyball gyms and got google maps api working on volleyball pages.

Now working on Google Calendar API following this document: https://www.sivadass.in/using-center-iframe-api-with-react-js/

Mar 3, 2020 
Realized that I could just share my calendar and use an Iframe with react-iframe. Much more simple. It's not an
API and as long as I keep that calendar up, it'll appear up on my project.

Mar 4, 2020
Ensured that the npm test works. 

March 8, 2020
I added all calendars for basketball and tennis pages.
Merged pull requests from Daniel.