(Day 3 of 10) RDBMS

What I did:

1. created RDBMS diagram on the sample data structure on which I am going to make an app content on

RDBMS diagram- Sample data structure to work with

2. roughly sketched out the main content layout

This is an idea of what my content view on the frontend will look like roughly. I know it’s very rough sketch

3. added a margin between the drawer and the main content.

4. created a data table for the address table using vutify v-data-table component

This is a final look of the content at the end of the day

What I learned:

1. I need to focus more on the project by removing distractions such as cellphone and random youtube videos on cats and dogs or somth.

What I am stuck with (progressive):

1. I cannot figure out how to change fonts in Vuetify. The default font for Vuetify is Roboto. I tried to write a scoped css style in stylus but the font didn’t change. I also tried to add main.styl into src folder and change the vuetify stylus variables $body-font-family as recommended by Jacob from his article. This method succeeded in changing font but it actually conflicted and made vue.js javascript to not function properly. When projected is created under vue-cli3, the Vue community does not recommend this method. Perhaps I need to learn more about stylus syntax etc. (1/23)
2. I cannot figure out how to make v-navigation-drawer push and pull the content when it appears and disappears. (1/23)

Total time spent on the challenge: 6 hours

Actual Time focused on the challenge: 2.5 hours

Plan for the next day:

1. learn how to commit on GitHub
2. There will be a major change on this challenge, I am going to change the front end to React because I found an awesome mentor who specializes in that framework. He is a current front-end developer @ Facebook. This means, I will rebuild what I did so far using react library.

I will keep you updated. Thanks for reading!