In index,js - added a Theme Provider component, CSS Baseline component and Global Styles component (global styles has no function yet)
In App.js - loaded the HomePage.js, that I added in pages
Added theme.js - to use when changing the default properties of the main theme
Removed App.test.js
In pages folder - added a HomePage.js to load our sections in it.
In the HomePage.js - added my Breakdown Section and dummy data.
In components folder :
added a Breakdown Section Folder to keep my files in
divided my section in two - the left side with the bigger card display and
more important news I called Breakdown Main News and the right side
with additional/secondary news I called Breakdown Side News
added a BreakdownMainNews.js file to structure my Main News
added a BreakdownSideNews.js file to structure my Side News
added a BreakdownSection.js file where I combine all my news and
display them
added styles.js file where I keep my additional styling rules.
added a UI folder to keep all custom made component that we may need
added a SectionTitle.js file where I created a title component which can
be used to display titles for different sections. It takes a title attribute which
it then uses to display the desired title
In attributes folder - added a breakdown_section folder to keep the photos that I needed for the news that had to be displayed.